【问题标题】:How can i make this error dissapear from the VueJs 2 template? [closed]我怎样才能让这个错误从 VueJs 2 模板中消失? [关闭]
【发布时间】:2017-01-12 20:42:53
【问题描述】:
当我创建一个新模板时,我一直有这个错误。仅当我将所有 div 放在一行中时它才有效。
【问题讨论】:
标签:
javascript
templates
vuejs2
【解决方案1】:
创建多行html代码的方法是在每行末尾使用\反斜杠。反斜杠告诉 JavaScript 引擎该字符串将继续到下一行
Vue.component('my-component', {
template: '<div class="tabs">\
<ul>\
<li>One</li>\
<li>Two</li>\
</div>'
})
示例:jsFiddle
更好的方法:单个文件组件
您的方法对于小型模板很好,但是对于多行 HTML 的所有斜线,项目增长的复杂性将变得丑陋。
学习完模板语法后,还请查看docs