[Vue warn]:未能解析组件
[Vue warn]: Failed to resolve component
这是我的代码:
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
我做错了什么?
您必须在创建Vue ViewModel之前(即在new Vue({})
之前)创建Vue.component
,或者在created
事件中的ViewModel中创建Vue.component
。
这是第一种方法的jsfiddle,这是第二种方法的jsonfiddle。
相关文章:
- 如何创建带有插槽的vue js组件预加载程序
- [Vue warn]:未能解析组件
- 访问vue组件中的ID标记
- Vue.js获取组件中的一个元素
- 将自定义脚本加载到Vue.js组件中
- 如何从Vue.js中的子组件访问父方法
- Vue.js:如何在单个文件组件中指定道具
- 如何使用Vue.js(使用Vueify)通过组件显示数据
- Vue.js从另一个组件获取数据
- 如何获取当前Vue组件的DOM元素
- 如何访问Vue.js中深度嵌套的子组件中的数据
- 如何在Vue.js中获取组件元素的offsetHeight
- Vue.js组件与Vuex.js(而不是Vue-i18n.js)
- 如何在 Vue.js 中保持可排序的数组和组件的顺序
- 类似单选按钮的行为 Vue.js 组件
- 如何在单文件组件中扩展另一个 VueJS 组件?(ES6 vue-loader)
- 如何在 Vue.js 中添加动态组件/部件
- Vue.js $children按组件名称
- Vue.js 在另一个组件的一个组件中使用变量
- 选择组件Vue JS -默认选择值