事件总线（GlobalEventBus）

在开发项目中 因是模块化的开发 所以避免不了组件之间的互相传参 那么 事件总线的话主要是做什么功能的呢？

功能：

它能实现 兄弟组件之间的互相通信 也能实现爷孙的互相通信 它的实现 让组件之间的代码传参变得不会那么冗余

写法：

在mian.js入口文件中配置

new Vue({
 ........
  beforeCreate(){
    Vue.prototype.$bus = this  //将事件总线挂载在vm实例上 $bus是自定义名称 可以取其他名称
  }
}).$mount('#app')

接着 要搞清楚三个东西$on $emit $off

$on是代表接收数据的回调 $emit是传输数据 $off是删除事件总线的某一个数据

比如 A组件需要收到数据 由B组件传输过来 那么 A组件就需要写事件的回调 B组件负责传参

//在vue的生命周期mounted里面接收数据   这里是A组件

methhods:{
    demo(....){
        ......
    }
}

mounted(){
    this.$bus.$on('你的事件总线的名称'=== demo,A组件事件亦方法的回调:例如 this.demo)
}

在B组件

methods:{
    //在某一个方法内 比如add方法
    add(nodeList){
        this.$bus.$emit('你的事件名称',这里写入你需要传入的参数)
    }

}

假如A是最外层,B是孙子组件,那么 这样的话B就能实现将数据从B传给A  在不使用vuex的情况下 事件总线的实现方式以及逻辑还是可以值得一学的