资讯专栏INFORMATION COLUMN

Vue中eventbus很头疼?我来帮你

Baaaan / 1964人阅读

摘要:使用方法在你项目的主入口生成的中加入接下来,尽情的使用吧。如果对此实现感兴趣,源码地址奉上。

话不多说,直接上干货

现存痛点

你只是想简单的要一个事件的发布订阅来通知下兄弟组件执行个方法?

你是否还在为引入一个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);

接下来,尽情的使用吧。

如果对此实现感兴趣,源码地址奉上。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/96087.html

相关文章

  • vue 248+个知识点(面试题)为你保驾护航

    摘要:要招一个会的开发者作为面试官的你,你还会每次都只是问这些老土的问题吗你对的理解是什么你知道什么是双向绑定吗你了解它的原理吗说说的生命周期有哪些组件通讯有哪些你用过吗作为面试者的你,在网上搜索下面试题及答案,看完后你是不是觉得自己掌握了武林秘 showImg(https://segmentfault.com/img/bVburrG?w=533&h=300); 要招一个会vue的开发者: ...

    snowell 评论0 收藏0
  • 数据库索引是什么?新华字典来帮你

    摘要:学过服务器端开发的朋友一定知道,程序没有数据库索引也可以运行。什么是数据库索引用一句话来描述数据库索引就是一种加快海量数据查询的关键技术。那这和我们的数据库索引有啥关系呢别着急,我们翻开第一页看看。 学过服务器端开发的朋友一定知道,程序没有数据库索引也可以运行。但是所有学习数据库的资料、教程,一定会有大量的篇幅在介绍数据库索引,各种后端开发工作的面试也一定绕不开索引,甚至可以说数据库索...

    chunquedong 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<