Vue bus.js 是前端框架 Vue 的一個插件，它實現了一種非常方便的組件通信方式。雖然 Vue 本身有 props 和 $emit 等方式實現組件通信，但是在某些場景下，利用 $emit 非常繁瑣，props 也不適用于所有情況。Vue bus.js 的出現就是為了解決這些問題。

使用 Vue bus.js 很簡單，只需要先導入它，并創建一個全局的事件總線，即可完成不同組件之間的通信。以下是一個簡單的示例：

import Vue from 'vue'
export const EventBus = new Vue()

在上面的代碼中，我們首先通過 import 導入 Vue，并創建了一個全局的事件總線 EventBus。這個 EventBus 即可用于在不同組件之間傳遞數據或觸發事件。接下來在需要的多個組件中導入 EventBus，就可以使用它進行數據傳遞或事件觸發了。

以下是一個傳遞數據的示例：

// 發送數據的組件
export default {
created () {
EventBus.$emit('event-name', '這是傳遞給接收組件的數據')
}
}
// 接收數據的組件
export default {
data () {
return {
dataFromSendComponent: ''
}
},
created () {
EventBus.$on('event-name', (data) =>{
this.dataFromSendComponent = data // 將接收到的數據存入 dataFromSendComponent 中
})
}
}

在上面的代碼中，發送數據的組件在 created 鉤子函數中使用 $emit 方法觸發了一個名稱為 'event-name' 的事件，并傳遞了一段數據 '這是傳遞給接收組件的數據'。接收數據的組件在 created 鉤子函數中使用 $on 方法監聽了 'event-name' 事件，并在發生事件時獲取到了發送組件的傳遞的數據。

總的來說，Vue bus.js 簡單易用，使用方便，減少了組件之間的耦合性。但是我們也要注意，不要過度使用事件總線，過多的使用反而會影響代碼的可維護性，還可能導致不可預期的問題。