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

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

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

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

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

作品：

Vue.component('tabs', {

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

Vue.component（'tabs'{
模板：“Halp”，

毁掉一切：

Vue.component('tabs', {

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

Vue.component（'tabs'{
模板：'
哈尔普
',

只需对多行字符串使用反勾号即可：

Vue.component('tabs', {

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

Vue.component（'tabs'{
模板：`
哈尔普
`,

Yikes的可能复制品是将背部蜱虫与单个qoutes混为一谈