文章目录：

 一：什么是全局事件总线 

组件C向组件A传递数据图解

 二：全局事件总线怎么创建 

  三：绑定自定义事件

  四：触发自定义事件

  五：解绑自定义事件

 一：什么是全局事件总线 

 二：全局事件总线怎么创建 

  三：绑定自定义事件

//A组件
export default {
   name:'componentA',
   data() {
    return {}
   },
   mounted(){
      this.$bus.$on('do',(data)=>{    //为全局事件总线绑定自定义事件do
         console.log('我收到了B组件传来的姓名：',data);
      })
   }
}

  四：触发自定义事件

//组件B
export default {
    name:'componentB',
    data() {
        return {
            name:'张三'
        }
    },
    methods:{
        get:function(){  //在该组件的模板中添加一个按钮点击执行该函数 get
            this.$bus.$emit('do',this.name)   //触发自定义事件do
        },
  }
}

  五：解绑自定义事件

//A组件
export default {
   name:'componentA',
   data() {
    return {}
   },
   mounted(){
      this.$bus.$on('do',(data)=>{    //为全局事件总线绑定自定义事件do
         console.log('我收到了B组件传来的姓名：',data);
      })
   },

   beforeDestroy(){
        this.$bus.$off('do')  //解绑自定义事件do
   }
}