Vue中eventbus很头疼?我来帮你

话不多说,直接上干货

现存痛点

  • 你只是想简朴的要一个事宜的宣布定阅来关照下兄弟组件实行个要领?
  • 你是不是还在为引入一个eventbus后,每次还要手动挪用卸载(off)而头疼?
  • 你是不是还在为要去想种种bus的【pub、sub】、【$on、$emit】、【fire、listen】balabala一系列的要领名字而头疼?

假如上面是你的痛点,那末本日你最先你用Vue幸运的日子来了:

vue-event-proxy

经由过程最小的价值,让你的Vue支撑全局事宜,用了它,你仅需要在需要做全局关照的时刻,到场
global:前缀即可完成全局事宜宣布,简朴吗?

    this.$emit('global:你的事宜名字');

有宣布,那末监听呢?

    this.$on('global:你的事宜名字', () => {});

怎样?是不是是除了在事宜名字前面加了global:其他都没变化,假如你还不相识Vue这部分内容,我帮你预备好了,官方文档

运用要领

$ npm install --save vue-event-proxy

在你项目的主进口(vue-cli天生的main.js)中到场:

  import EventProxy from 'vue-event-proxy';
  Vue.use(EventProxy);

接下来,恣意的运用吧。

假如对此完成感兴趣,源码地点送上。

    原文作者:JserWang
    原文地址: https://segmentfault.com/a/1190000015619822
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞