話很少說,直接上乾貨vue
若是上面是你的痛點,那麼今日你開始你用Vue幸福的日子來了:git
經過最小的代價,讓你的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