用法:
注册或获取全局组件。
// 注册组件,传入一个扩展过的构造器
Vue.component('my-component', Vue.extend({ /* ... */ }))
// 注册组件,传入一个选项对象 (自动调用 Vue.extend)
Vue.component('my-component', { /* ... */ })
// 获取注册的组件 (始终返回构造器)
var MyComponent = Vue.component('my-component')
<div id="components-demo">
<button-counter></button-counter>
</div>
new Vue({ el: '#components-demo' })
示例demo:(曾经在学习练习的时候遇到的错误)
<div id="app2">
<button-self></button-self>
</div>
Vue.component('button-self',{
data:function(){
return {
count:0
}
},
template:'<button>您点击了{{count}}次</button>'
})
new Vue({el:"#app2"})
注意:创建Vue实例要放到组件下面,否则会报错vue.js提示 Unknown custom element: <button-self>- did you register the component correctly? For recurs