2015-04-09 3 views
0

Это мой код:[Вью предупреждают]: Не удалось разрешить компонент

window.onload = function() { 
var main = new Vue({ 
    el: '#main', 
    data: { 
     currentActivity: 'home' 
    } 
}); 
Vue.component('home', { 
    template: '#home-template' 
}); 
}; 

Это мой шаблон:

<head> 
    <script type="text/x-template" id="home-template"> 
     <div class="banner dark"> 
     <div class="content">says some shit</div> 
     </div> 
     <div class="banner light"> 
     <div class="content">says some other shit</div> 
     </div> 
    </script> 
</head> 

Когда я загрузить страницу я получаю это предупреждение:

[Vue warn]: Failed to resolve component: home 

и эта ошибка:

Uncaught TypeError: Cannot read property '_refID' of undefined 

Что я делаю неправильно?

+0

Вы можете настроить jsfiddle, все хорошо выглядит в вашем коде? – julesbou

ответ

2

Вы должны либо создать свой Vue.component до создания Вью ViewModel, что перед new Vue({}) или создать Vue.component внутри ViewModel в created случае.

Здесь jsfiddle с первым подходом и здесь jsfiddle, показывая второй подход.

Смежные вопросы