vue 组件注册

组件

组件是可复用的组件实例，我们把重复的功能封装组件，达到便捷，快速开发的目的
参1：组件名称，参2：组件的选项，是以对象的形式去 描述组件的功能
根组件：通过 new Vue() 来创建的，通常应用中只有一个，但也可有多个(可能造成数据混乱)
可复用组件：通过Vue.computed() 来创建
分为全局组件Vue.component，局部组件components:{}，如果跟组件只有一个那么复用组件
全局和局部没啥区别，跟组件有多个就有区别了
注意点：

1. 一个组件的模板必须具备一个根节点,可以达到在一个HTML标签中使用多个组件的效果
2. 组件是可复用的
3. 因此每个实例可以维护一份被返回对象的独立的拷贝
4. 组件名通过短横线分割命名，第二种方式驼峰命名法，
5. Vue.component是全局注册，即是不用也会加载，浪费资源
6. 在全局注册中，data必须一个函数，否则点击按钮会影响到其他按钮
7. 指令 定义的是标签属性，而我们的组件定义的是标签
8. 局部注册的组件只在当前注册的组件中使用，不能在其他它的子组件中使用、在哪注册在哪使用(上一级的模板当中)

        // 可复用性组件的全局注册
        Vue.component("k-div",{ 
            template:`  <div>
                            <div>我是跟组件</div>
                            <d-p></d-p> 
                        </div>`,
            // 全局组件里的分支组件，分组件的组件名 应该写在上一级组件内
            components:{
                // 组件名称 组件选项
                'd-p':{
                    template:`<p>我是一个段落标签</p>`
                }
            }

        })
        let app = new Vue({
            el:"#app",
        })