Vue是一個流行的JavaScript框架，有時候我們需要在不同的組件中通信。這種通信可以通過vuex狀態管理來解決，但是有一些情況下vuex可能會過于復雜，這時候我們可以使用Vue的event bus來通信。

Event bus實際上是一個事件中心，用來在組件之間傳遞事件。它有兩個主要方法：$emit和$on。$emit用于觸發一個事件，$on用于監聽一個事件。

// 創建一個Event bus實例
const EventBus = new Vue()
// 在A組件中觸發事件
EventBus.$emit('event-name', {data: 'Hello World'})
// 在B組件中監聽事件
EventBus.$on('event-name', (payload) =>{
console.log(payload.data) // 輸出 'Hello World'
})

上面的代碼展示了如何使用Event bus在組件A中觸發一個名為'event-name'的事件，并在組件B中監聽這個事件。當事件被觸發時，組件B中的回調函數會被執行。

在實踐中，event bus通常用于以下三種情況：

1. 非父子組件之間的通信

Vue中父組件可以通過props將數據傳遞給子組件，子組件可以通過emit將數據傳遞給父組件。但是，如果兩個組件之間沒有父子關系，則通過props和emit來通信就會很困難。這時候我們可以使用event bus來讓它們通信。

2. 兄弟組件之間的通信

當兩個組件在同一頁面中時，它們之間沒有父子關系，也沒有祖先后代關系，只是兄弟關系。在這種情況下，event bus也可以用來通信。

3. 深度嵌套組件之間的通信

當我們的組件樹比較深時，父子組件之間的通信也會變得很困難。在這種情況下，我們可以使用event bus使深嵌套的組件之間通信變得更容易。

需要注意的是，event bus不適合用來替代vuex狀態管理。當組件之間的通信變得復雜時，還是應該使用vuex來管理數據。