如何从VueJs 2模板中消除此错误消失？

Question

当我创建新模板时，我一直有这个错误。它只有在我将所有div放在一行中时才有效。

Answer 1

创建多行html代码的方法是在每行末尾使用\反斜杠。反斜杠告诉JavaScript引擎字符串将继续到下一行

Vue.component('my-component', {
  template: '<div class="tabs">\
    <ul>\
        <li>One</li>\
      <li>Two</li>\
  </div>'
})

示例：jsFiddle

更好的方式：单个文件组件

您的方法对于小模板很有用，但是对于多行HTML而言，项目增长的复杂程度会变得难看。 学习模板语法后，还要检查docs