其他分享
首页 > 其他分享> > 了解全局事件总线(GlobalEventBus)

了解全局事件总线(GlobalEventBus)

作者:互联网

组件间传递消息不是那么简单,比如兄弟组件之间,爷孙组件之间,这个时候可以使用全局事件总线。它是一种组件间通信的方式,适用于任意组件间通信。

步骤:

1.安装全局事件总线

new Vue({
   	......
   	beforeCreate() {
   		Vue.prototype.$bus = this //安装全局事件总线,$bus就是当前应用的vm
   	},
       ......
   }) 

2.接收数据

接收数据:A组件想接收数据,则在A组件中给$bus绑定自定义事件,事件的回调留在A组件自身。(demo回调函数这样写避免箭头函数出现this指向不明的情况)

methods(){
        demo(data){......}
      }
      ......
      mounted() {
        this.$bus.$on('xxxx',this.demo)
      }

3.提供数据:在另一个组件中提供数据

this.$bus.$emit('xxxx',数据)`

标签:bus,......,总线,GlobalEventBus,demo,组件,全局,接收数据
来源: https://blog.csdn.net/a774578034/article/details/122307508