[Vue 警告]:无法解析组件

dop*_*man 4 javascript vue.js

这是我的代码:

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

这是我的模板:

<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>
Run Code Online (Sandbox Code Playgroud)

当我加载页面时,我收到此警告:

[Vue warn]: Failed to resolve component: home
Run Code Online (Sandbox Code Playgroud)

和这个错误:

Uncaught TypeError: Cannot read property '_refID' of undefined
Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

des*_*man 6

您必须在创建Vue.componentVue ViewModel 之前new Vue({})创建您的,也就是在 之前,或者Vue.componentcreated事件中在 ViewModel 内部创建您的。

这里的jsfiddle与第一种方法,这里是的jsfiddle显示了第二种方法。