Vue.js Vuejs是否将多行添加到模板？

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

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

new Vue({
    el: 'footer'
})

Vue.component（'footer-component'{
模板：“
页脚材料
"
})
新Vue({
el:‘页脚’
})

---

我一直在试图找到使用Vue的HTML模板示例，但很难找到它们。当使用React时，我能够在多行上编写HTML代码。如何对Vuejs执行相同操作？

您可以使用模板文字来包围模板字符串。这将允许您在模板属性中编写多行HTML

您可以在上的Mozilla Javascript参考中阅读更多内容

Vue.component（'footer-component'{
模板：`
页脚材料
`
})
新Vue({
el:‘页脚’
})

---

我还希望您要引用Vue对象中的元素“footer”，也许您应该尝试引用另一个元素。在本例中，您希望成为页脚组件之父的元素。

这是一篇有趣的文章，介绍了定义vue组件模板的几种（7）方法：

它包括上面提到的使用模板文本的方法，但也列出了处理多行模板的其他选项，如x-templates、内联模板、单文件组件，甚至JSX

---

我不是这篇文章的作者，但对vue来说是新手，对多行模板也有同样的问题。

这是构建组件的一种非常有效的方法。您可能希望考虑使用单页模板（或VUE加载器），其中JS模板是S，而模板实际上是HTML-在创建项目时模板被编译成模板哈希。也就是说，如果您使用的是前端生成管道。如果你不是，你可能想。如图所示，任何超过一个简单示例的内容都会变得更加难以删除，语法高亮显示不起作用，等等……这意味着您最好对多行html模板使用严重的重音“如何在键盘上键入？”@PHPUser在escape按钮下，也在tab按钮上方它称为backtick检查此图像

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

new Vue({
    el: 'footer'
})