一、一種組件間通信的方式，適用于任意組件間通信。
二、安裝全局事件總線(xiàn)：

new Vue({...BeforeCreate() {Vue.prototype.$bus = this; // 安裝全局事件總線(xiàn), $bus 就是當(dāng)前的應(yīng)用的 VueComponent 實(shí)例對(duì)象} })

三、使用事件總線(xiàn)

接收數(shù)據(jù)：A組件想接收數(shù)據(jù)，則A組件中給 $bus 綁定自定義事件，事件的回調(diào)在A組件中

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

提供數(shù)據(jù) this.$bus.$emit('xxx', 數(shù)據(jù))

四、最好在 beforeDestroy 鉤子中，用 $off 去解綁當(dāng)前組件所用到的事件

總結(jié)

以上是生活随笔為你收集整理的全局事件总线 (GlobalEventBus)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。