vue2组件之间的数据传递(组件之间使用mitt第三方模块创建事件中心进行触发与监听)，

目录

一、组件之间的通信

1、组件之间的关系：父子关系、兄弟关系、跨级关系

2、父子组件之间的通信(数据传递)：

3、兄弟组件之间的通信（数据传输）：

4、跨级组件之间的通信：provide / inject 类似于消息的订阅和发布。provide 提供或发送数据， inject 接收数据。

---

一、组件之间的通信

1、组件之间的关系：父子关系、兄弟关系、跨级关系

2、父子组件之间的通信(数据传递)：

（1）父组件 ------> 子组件: 使用props接收

        A、第一步: 在父组件中使用子组件时，给子组件绑定属性

        B、第二步: 在子组件中使用props接收绑定的属性

（2）子组件 ———> 父组件：子组件中使用$emit    

        A、第一步：在子组件中通过$emit触发指定的事件，同时传值

        B、第二步：在父组件中给子组件监听事件，同时接收子组件传来的值

3、兄弟组件之间的通信（数据传输）：

​ （1）使用Vue的状态管理器Vuex：建议在大型项目中使用

​ （2）使用第三方的模块：mitt（中央数据总线方式），创建一个事件中心，

           由它来进行事件的监听、触发，在这个过程中实现任意组件之间的通信 

        ​ A、第一步：安装

​                 npm install mitt