Шаблон компонента Vue останавливает скрипт при добавлении новой строки

Question

Я создаю шаблон Vue в редакторе Atom.

Код шаблона компонента Vue работает до тех пор, пока я не создаю новую строку (нажмите Enter).

Когда ядобавьте новую строку, предыдущие строки получают красный фон в редакторе, и код перестает работать в браузере.

Это верно только для 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>
`,