技術標籤：Vue

為啥使用訊息匯流排

本以為有了vuex，元件之間的通訊便再也沒有隔閡。
然而，兩個相對獨立的元件（無法拿到對方的引用），彼此間呼叫函式時，卻沒有太好的辦法。

需求場景

點選獲取動態碼後，將已經驗證通過的滑動條重置到初始狀態。

這是兩個相對獨立的元件，無法直接拿到對方的引用。

定義全域性訊息匯流排

Vue.prototype.$baseEventBus = new Vue()

監聽

    mounted() {
      this.$baseEventBus.$on('reset-verify-slider', () => {
        this.reset()
      })
    }
 

觸發

      getCode() { this.$baseEventBus.$emit('reset-verify-slider') }