vue 兄弟組件之間事件觸發($emit)與event Bus($on)

兄弟組件A  B

A頁面無論是點擊哪個個按鈕，如果改變了列表中的數據，B列表需要實時更新數據。

然后就可以通過emit、on進行通信：如下：

B組件中發射

this.$eventBus.$emit('openDemandList')

接着，我們要在A組件中的created()鈎子中調用bus監聽這個事件，並接收參數：

 

 

 

Vue事件總線（eventBus）$on()會多次觸發解決辦法

解決辦法就是在beforeDestroy或destroy周期中將事件進行銷毀，使用$off()

beforeDestroy () {bus.$off('openDemandList') },