博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue中eventbus很头疼?我来帮你
阅读量:6548 次
发布时间:2019-06-24

本文共 589 字,大约阅读时间需要 1 分钟。

话不多说,直接上干货

现存痛点

  • 你只是想简单的要一个事件的发布订阅来通知下兄弟组件执行个方法?
  • 你是否还在为引入一个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);复制代码

接下来,尽情的使用吧。

如果对此实现感兴趣,奉上。

转载地址:http://cegdo.baihongyu.com/

你可能感兴趣的文章
Python Epoll
查看>>
AS3歌词同步详解
查看>>
单例模式
查看>>
Linux环境NetBeans字体通用抗据齿解决方法
查看>>
Eclipse的花括号(brace)的输入偏好问题
查看>>
工作记录
查看>>
HDOJ 1698
查看>>
linux里安装redis以及redis的安全设置
查看>>
Mysql Procudure
查看>>
作业第六次
查看>>
构建之法 第一章 概论
查看>>
Hadoop编译安装
查看>>
汇编字符串拷贝
查看>>
Lambda的前世今生
查看>>
黑马程序员-张老师基础加强3-内省
查看>>
TCP/IP模型简介和/etc/hosts文件说明
查看>>
UIButton常用属性
查看>>
主键自增归0
查看>>
杨辉三角
查看>>
mysql之 [ERROR] InnoDB: Unable to lock ./ibdata1, error: 11
查看>>