添加新行时，Vue组件模板将停止脚本

Question

我正在Atom编辑器上创建Vue模板。

只要不创建新行（单击Enter），Vue Component模板代码就可以工作。

当我添加新行时，前几行在编辑器中显示为红色背景，并且代码在浏览器中停止工作。

这仅适用于Vue.Componenet-模板部分

作品：

Vue.component('tabs', {

template: '<div class="tabs is-centered"> Halp </div>',

破坏一切：

Vue.component('tabs', {

template: '
<div class="tabs is-centered"> 
Halp 
</div>
',

Answer 1

只需对多行字符串使用反引号：

Vue.component('tabs', {

template: `
<div class="tabs is-centered"> 
Halp 
</div>
`,