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

Question

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

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

当我添加一个新行时，前面的行在编辑器中得到一个红色背景，代码停止在浏览器中工作。

这仅适用于Vue.Component - Template部分

作品：

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>
`,