Получение «не удалось загрузить компонент»

Question

Я пытаюсь загрузить некоторый контент в компонент с Vue.js. Я пытаюсь сделать это с помощью атрибута:. Я получаю «[Вью предупреждают]: Не удалось разрешить компонент: интервью»

<todo-tabs :list="items"></todo-tabs> 

<template id="interview-slot"> 
//Interview Slot Content 
</template> 

<template id="membership-slot"> 
//Interview Slot Content 
</template> 

<script> 
Vue.component('todo-tabs', { 
     template: '#todo-tabs', 
     props: ['list'], 
     data: function(){ 
      return { 
       currentView: 'interview', 
       components:{ 
        interview:{ 
         template: '#interview-slot' 
        }, 
        membership:{ 
         template: '#membership-slot' 
        } 
       } 
      } 
     } 
}); 


var vm = new Vue({ 
el: "#todo", 
data: { 
items : [ 
      {id: 'interview', name: 'interview', complete: true, body: 'something1', step_content: 'SOME',current: true }, 
      {id: 'membership', name: 'membership', complete: true, body: 'something2', step_content: 'SOME' }, 
      {id: 'profile', name: 'profile', complete: false, body: 'something3', step_content: 'SOME' }, 
      {id: 'handoff', name: 'handoff', complete: false, body: 'something4', step_content: 'SOME'} 
     ] 
    } 
}); 
</script> 

Я действительно не хочу, чтобы положить мой HTML в JSON, если это возможно, как это много содержание элементов формы.

Заранее спасибо за любую помощь

Answer 1

В этой части кода:

<template id="interview-slot"> 
    //Interview Slot Content 
</template 

Вы пропускаете закрытие > после </template.