[Vue警告]：無法解析組件

Question

這是我的代碼：

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

我究竟做錯了什么？

Answer 1

你必須要么創建Vue.component創建Vue公司視圖模型之前，也就是之前的new Vue({})或創建Vue.component在視圖模型中created活動。

這里的jsfiddle與第一種方法，這里是的jsfiddle顯示了第二種方法。

[Vue警告]：無法解析組件

問題描述

1 個解決方案

解決方案1
2 2015-04-21 17:08:22

[Vue警告]：無法解析組件

問題描述

1 個解決方案

解決方案1 2 2015-04-21 17:08:22

解決方案1
2 2015-04-21 17:08:22