关于VUE组件的使用

关于Vue自定义组件的使用
很多新人相信会出现我一样错误，注册了一个Vue组件之后确无法使用（粗心大意）；
Vue.component(‘But’,{
–options–
})

然后在Html页面里面使用不了，大多是粗心大意：组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用

所以还需要实例化该Vue，那我们不可避免的会遇见一个问题，是不是Vue可以重写自定义组件？？？例如：

	Vue.component('but_ii', {
        data: function(){
            return {
                content: 0,
                index:1,
            };
        },
        template:'<p v-on:click="index++" >您好{{index}}</p>'
    })
    
    Vue.component('but_ii', {
        data: function () {
            return {
                content: 0,
                index: 1,
            };
        },
        template: '<p v-on:click="index++" >不好{{index}}，哪有什么Vue，糊涂啊，快跑</p>'
    })

    var vm = new Vue({
        el: "#div1",
        data: { text: 15 }
    });

然后在使用：
看看会出现哪一个，被覆盖了（有点像废话）；但是很明显可以得出，Vue是封装Js的，哈哈，各位大佬告辞