vue 全局时间总线

配置全局事件总线

在mian.js 内 

new Vue({
  beforeCreate(){
    Vue.prototype.$bus = this  // this 是当前Vue的实例对象 
  }
})

A组件 和 B组件 实现组件通讯

在A组件中使用

mounted(){
  this.$bus.$on('xxx', data => {
    console.log(data)  // 传递的参数
  })
}

在B组件中使用

  this.$bus.$emit('xxx', '传递的参数')

在离开页面之前 最好解绑一下 创建的自定义方法 因为不解绑的话所有创建的方法都会存在到 Vue.prototype.$bus 内