全局事件总线 (GlobalEventBus)

一、一种组件间通信的方式，适用于任意组件间通信。
二、安装全局事件总线：

new Vue({...BeforeCreate() {Vue.prototype.$bus = this; // 安装全局事件总线, $bus 就是当前的应用的 VueComponent 实例对象} })

三、使用事件总线

接收数据：A组件想接收数据，则A组件中给 $bus 绑定自定义事件，事件的回调在A组件中

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

提供数据 this.$bus.$emit('xxx', 数据)

四、最好在 beforeDestroy 钩子中，用 $off 去解绑当前组件所用到的事件

总结

以上是生活随笔为你收集整理的全局事件总线 (GlobalEventBus)的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。