vue.js 全局组件学习笔记

用法：

注册或获取全局组件。

// 注册组件，传入一个扩展过的构造器
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