简易在uniapp使用tiny-emitter插件实现简单的发布订阅

H_Z_B

于 2023-03-21 18:01:07 发布

阅读量427

点赞数

分类专栏： vue 文章标签： uni-app javascript 前端

本文链接：https://blog.csdn.net/H_Z_B/article/details/129693921

版权

vue 专栏收录该内容

4 篇文章

订阅专栏

文章介绍了如何在项目中使用tiny-emitter库来创建一个事件总线。首先，导入并实例化Emitter，然后在需要的地方触发事件，可以传递参数。在其他组件中，订阅该事件以执行相应操作，如调用特定函数。这种模式促进了组件间的通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

tiny-emitter版本如下

首先在工具类中定义一个eventBus.js

import Emitter from "tiny-emitter"

const emitter = new Emitter()

export default emitter

在触发事件的地方发布事件

emitter.emit(this.UNI_AUDIT_FINISH_EVENT); 
当然后面可以接参数，例如
emitter.emit(this.UNI_AUDIT_FINISH_EVENT.参数1，参数2....);
又或者把参数写成一个对象
emitter.emit(this.UNI_AUDIT_FINISH_EVENT,{});

在需要响应的地方订阅事件

const UNI_AUDIT_FINISH_EVENT = "UNI_AUDIT_FINISH_EVENT"
emitter.on(UNI_AUDIT_FINISH_EVENT, data => {
	this.pygxManageAppGetCompanyList(this.requestCompanyData.companyTypeList)
})

当触发事件的地方被调用的时候，那么emitter.on的回调函数就会相应的执行。