EventBus是Vue.js框架自帶的一個(gè)插件，用于實(shí)現(xiàn)組件之間的通信

EventBus原理基于發(fā)布訂閱模式，將訂閱者和發(fā)布者解耦，實(shí)現(xiàn)靈活的組件通信。在Vue.js中使用EventBus，需要先引入EventBus插件（Vue.prototype.$bus = new Vue()

接著，在需要通信的組件中，使用$on()方法訂閱事件并且指定事件監(jiān)聽函數(shù)。同樣的，使用$emit()方法廣播事件，從而實(shí)現(xiàn)通信

// 發(fā)布者
export default {
methods: {
onButtonClick() {
this.$bus.$emit('trigger-event', 'success');
}
}
}
// 訂閱者
export default {
data() {
return {
triggered: false
}
},
mounted() {
this.$bus.$on('trigger-event', status =>{
if (status === 'success') {
this.triggered = true;
}
})
}
}

以上代碼表示了在按鈕點(diǎn)擊時(shí)，發(fā)布了一個(gè)名為trigger-event的事件，值為success。而在另一個(gè)組件中，訂閱了trigger-event事件，當(dāng)事件觸發(fā)時(shí)，根據(jù)傳遞的值進(jìn)行相應(yīng)的處理