Vue.js向模板添加多行？

我想知道在构建Vuejs模板时如何最好地安排新行。我现有的代码无法正常工作，因为它破坏了JavaScript容器。Vue.js希望我将整个html放在一行中，这在我计划添加页脚内容时有些不切实际。

Vue.component('footer-component', {
    template: "
      <div id='footer'>
        Footer Stuff
      </div>"
})

new Vue({
    el: 'footer'
})

我一直在尝试查找使用Vue进行HTML模板化的示例，但是我很难找到它们。使用React时，我可以跨多行编码HTML。我如何对Vuejs做同样的事情？