事件总线：vue中$bus的使用和涉及到的问题(兄弟组件之间传值)

1.作用:

非父子组件（例如兄弟组件）之间传值的方式，可以用vuex，也可以用事件总线，已下是事件总线（vue-bus）的介绍：

2.$bus的使用

2.1 注册

在main.js中注册

 import Vue from 'vue';
 import VueBus from 'vue-bus'
 Vue.use(VueBus)

2.2 使用传值

this.$bus.$emit("vaPage",value); //很像父子之间传值的方法

2.3接收

created (){
   
    this.$bus.$off('vaPage')
    this.$bus.$on("vaPage",function(param){
   
  })
}

// 或者是：子组件中也可以写成这样的箭头函数
created (){
   
    this.$bus.$off('vaPage')
    this.$bus.$on('vaPage', (param) => {
   
        .....
    })
}

2.4 销毁bus

使用$bus的时候在接受bus的组件中别忘了再beforDestroy函数中销毁bus，不销毁的话会一直叠加的调用这个方法：

beforDestroy（）{
   
   this.$bus.$off("vaPage"); //当这个组件销毁的时候bus也跟着一起销毁
  }

3.使用场景

大家假设一下一个场景现在有3个组件分别是A&#x