组件通信的方式

 此博客仅作为学习使用  ，记录模拟面试遇到的题

1、props：父组件向子组件传递的方式。在父组件中的子组件标签上用  :data  传递数据，父组件中用props接收数据

2、自定义事件：实现子组件向父组件传递数据。在父组件中，为子组件绑定一个自定义事件，可以用  @  也可以用  $on  ，并且回调函数存在于父组件中，在子组件中用 $emit 触发自定义事件，$emit第一个参数是事件名，第二个参数是要传递的参数

3、slot插槽：实现父组件向子组件传递数据。父组件可以向子组件指定位置插入html结构，具体是在父组件中使用Category包裹住要传递的结构，在子组件中使用slot做占位

4、vuex：可以实现任意组件间的通信。数据会存放在state里面，可以在actions中发送Ajax请求数据，在mutations中可以对数据进行处理，所有组件都可以通过mapState拿到state中的数据

5、全局事件总线：可以实现任意组件间的通信。$bus   在mian.js入口函数中，实例化vue时，在beforeCreate中注册全局事件总线$bus，所有组件实例对象都尅访问$bus中的数据

6、消息阅读与发布：可以实现任意组件间的通信