一直打算看Vue的官方文档自学的萌新
https://cn.vuejs.org/v2/guide/index.html#组件化应用构建
1.在入门学习组件的时候碰到一个问题,在使用组件的时候,按照官方文档把代码复制进去,
在js中
var app = new Vue({
el: '#app',
});
Vue.component('todo-item2', {
template: '<li>这是个待办项</li>'
});
在HTML中,
<div id="app">
<ol>
<todo-item2></todo-item2>
</ol>
</div>
结果浏览器报错:
Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option
结果发现应该在实例化Vue之前注册组件,即在js中交换一下代码的顺序
Vue.component('todo-item2', {
template: '<li>这是个待办项</li>'
});
var app = new Vue({
el: '#app',
});
哦了