在Vue中使用Bus Event的方式,可以讓不同的組件之間進行通信,實現數據的共享和互通。
首先,在Vue實例中定義一個Bus Event的實例對象
const bus = new Vue()
然后,在需要進行通信的組件中,可以通過該對象進行事件的觸發和監聽:
// 組件1中觸發事件 bus.$emit('event', data) // 組件2中監聽事件 bus.$on('event', (data) =>{ // 對數據進行處理 })
這種方式可以在不同的組件中進行事件的觸發和監聽,實現數據的共享和互通,讓組件的通信更加靈活和方便。