vue组件以及组件运用的方式

组件的运用让代码重用性更强大。

自定义组件，每一个组件都有

这些东西

1.全局定义（所有的vue实例都能使用）

Vue.component('my-btn',{

}) 

2.局部定义（用的较多）在 new Vue的构造函数中定义

   new Vue({

      data:{},//对象

      methods:{},

     components:{

          '组件名称 一般组件名称有个前缀  比如：  my-btn'  :  {  

                //这里是选项  与vue({})中的参数选项基本一致 比如放data:    methods:      computed:   都可以

       }

    }

})

注意：

   只有在父组件中，才能调用子组件！！！否则解析不了

组件应用：

1.使用标签  如   

2.使用is属性  如：

    s='my-btn'> 

子组件不能直接访问父data,如果希望能访问到，解决方法如下：

组件之间通信：

1） 父组件->子组件 （子组件访问父组件的数据）

    props 通过这个特性来实现+属性绑定

 2）   子组件->父组件 （子组件将状态反馈给父组件 ），通过自定义事件实现   通过this.$(emit) 去实现