Vue中eventbus很頭疼?我來幫你

話很少說,直接上乾貨vue

現存痛點

  • 你只是想簡單的要一個事件的發佈訂閱來通知下兄弟組件執行個方法?
  • 你是否還在爲引入一個eventbus後,每次還要手動調用卸載(off)而頭疼?
  • 你是否還在爲要去想各類bus的【pub、sub】、【$on、$emit】、【fire、listen】balabala一系列的方法名字而頭疼?

若是上面是你的痛點,那麼今日你開始你用Vue幸福的日子來了:git

vue-event-proxy

經過最小的代價,讓你的Vue支持全局事件,用了它,你僅須要在須要作全局通知的時候,加入 global:前綴便可完成全局事件發佈,簡單嗎?github

this.$emit('global:你的事件名字');
複製代碼

有發佈,那麼監聽呢?vue-cli

this.$on('global:你的事件名字', () => {});
複製代碼

怎麼樣?是否是除了在事件名字前面加了global:其餘都沒變化,若是你還不瞭解Vue這部份內容,我幫你準備好了,官方文檔npm

使用方法

$ npm install --save vue-event-proxy
複製代碼

在你項目的主入口(vue-cli生成的main.js)中加入:api

import EventProxy from 'vue-event-proxy';
  Vue.use(EventProxy);
複製代碼

接下來,盡情的使用吧。bash

若是對此實現感興趣,源碼地址奉上。this

相關文章
相關標籤/搜索