vue全局事件总线——组件之间通信

第一：在main.js中安装全局事件总线如下：

beforeCreate() {

Vue.prototype.$bus = this

},

第二：传递方（组件），数据发送方

this.$bus.$emit('y',x) //x为数据，y为自定义标识名称，与接收名称一致即可。

第三：接收递方（组件），数据接收方

this.$bus.$on('Y',(X)=>{

处理数据

}) //X为数据，Y为自定义标识名称，与发送名称一致即可。

补充：()=>{}为回调函数可用this.x代替其中x为函数名。

第四：解绑全局数据总线，在接收方（组件）

beforeDestroy(){

this.$bus.$off("Y") //Y为上述自定义标识名称。

}