Event Bus 使用心得

最新推荐文章于 2025-03-19 00:51:01 发布
原创 最新推荐文章于 2025-03-19 00:51:01 发布 · 242 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#EventBus

本文简要介绍了EventBus的工作原理，通过与广播的类比，详细解析了EventBus的使用流程，包括发送消息、注册事件及处理消息的具体实现。

之前一直没用过EventBus,新接手的项目里有这块代码，就看了一下。

现总结如下

原理和广播一样

1: 发送消息

EventBus.getDefault().post(messageEvent); （发广播）    

 

2: 注册事件

EventBus.getDefault().register(this); (注册广播接收器)

 

3：处理消息

@Subscribe(threadMode = ThreadMode.PostThread)

public void XXX(MessageEvent messageEvent) {

...

}

 

对广播了解的话，对比使用很简单

使用 BOR 事件驱动 SAP Workflow 的实战指南 — 以 BUS1178 产品对象为例
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
07-21 92
本文以BUS1178为例，梳理了从事件定义、事件订阅、ABAP 触发到流程监听与排错的全过程，并给出了可直接复制的代码与事务码清单。掌握这些技能后，你不仅能在经典 Workflow 中游刃有余，还能在未来的中快速迁移与升级。希望本文能成为你日后实施事件驱动方案的随身笔记。如有疑问，欢迎在评论区交流，共同精进。
车载软件架构---使用 Simulink 部署 AUTOSAR 的几点心得
Soly_kun的博客
08-26 516
车载软件架构---使用simulink部署AUTOSAR的心得
如何更好地使用EventBus
我的天空 我的梦
09-03 507
EventBus使用问题解析一则
QTEventBus 源码心得
Coder
09-27 862
原理 : QTEventBus 将事件根据 key 保存到一个 array 中, 在发送事件时候, 查找map 中 key 对应的 array, 然后遍历 array调用事件 使用 block 实现链式编程, 这个在项目中用的很少, 需要熟练使用才可([QTEventBus shared]返回的是个QTEventBus 类型的对象, 然后调用[QTEventBus shared].on(NSOb...
otto使用心得与存在问题
qq_21864809的博客
10-18 546
话不多说，直奔主题。 OTTO是Square推出的事件总线库类似的库还有eventbus等，otto的官方地址:https://github.com/square/otto. 1.使用介绍 1.1:首先在项目的build中进行引入:compile ‘com.squareup:otto:+’ 1.2:为了使用方便，通常我们会为了使用方便新建一个Mybus继承至Bus，使用单例模式来进行使用,
EventBus的使用以及学习心得
weixin_34029949的博客
11-27 140
2019独角兽企业重金招聘Python工程师标准>>> ...
vue的一些心得总结
weixin_34162629的博客
07-16 255
1：状态管理和使用场景（vuex）： vuex所解决的问题与bus类似，它作为Vue的一个插件使用，可以更好的管理和维护整个项目的组件状态。 在实际的业务逻辑中，经常有跨组件共享数据的需要，因此Vuex的设计就是用来更好的管理统一管理组件状态的。它定义了一系列规范来使用和操作数据，使组件应用更加高效。 1.1： Vuex的基本使用？ ...
vue3+ts心得
s8806479的博客
03-19 440
vue3两个script标签不要觉得奇怪，一个是配置组合式api的，一个是配置组件名字的（需要下载插件vite-plugin-vue-setup-extend -D）为什么ref可以处理对象？假如ref处理对象的话，里面还是proxy对象，也就是ref中使用了reactive，reactive不需要。reactive:=========>只能定义：对象类型的响应式数据。data里面是可以用this.来获取setup里的值，这个是单向的。ref======>可以定义：基本类型、对象类型的响应式数据。
EventBus使用及源码分析
lhp15575865420的博客
08-20 464
EventBus也可以称为事件总线，它主要用于组件间的通信，解耦发送者与接收者（订阅者）。比如activity和service之间的通信，可能我们会采用broadcast来通信，因为这样减少了耦合，但是需要引入一个broadcast，光代码量就提升很多。而如果用EventBus只需要在service里面发送事件，activity里面接收事件即可。下面说说基本使用。 基本使用 先导入依赖。co...
vue2.X组件学习心得(新手必看篇)
08-30
对于非父子组件间的通信，Vue 提供了一种全局事件总线（Event Bus）的方法，通过创建一个新的 Vue 实例作为中介，组件间可以通过这个实例发送和接收事件。此外，Vuex 是一个状态管理库，适用于更复杂的应用，可以...
Java入门1·2·3：一个老鸟的Java学习心得.PART3（共3个）
05-07
10.1.6 使用Bus类 248 10.1.7 Java中的单继承 248 10.1.8 Java中的类图 249 10.1.9 万类之祖——Object类 250 10.2 子类对象？父类对象？ 251 10.2.1 父随子行 251 10.2.2 当构造方法遇到继承 254 10.2.3 ...
尚硅谷vue前端项目心得3
im_joy的博客
01-18 765
Day 3,4 (43-70) 3.1 监听路由变化再次发请求获取数据 监听路由变化$route [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bYOTqFFy-1642475400001)(C:\Users\22982\AppData\Roaming\Typora\typora-user-images\image-20220114131331706.png)] [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bPMHuLt6-164247540
随机午餐菜单生成器功能开发
12-21
前端React组件实现的随机午餐菜单生成器的功能
基于机器学习的癫痫病发作预测与脑电波实时分析系统_通过傅里叶变换主成分分析降维和通道间相关性系数提取进行脑电信号特征工程结合随机森林支持向量机逻辑回归和决策树等多元分类算法.zip
12-21
基于机器学习的癫痫病发作预测与脑电波实时分析系统_通过傅里叶变换主成分分析降维和通道间相关性系数提取进行脑电信号特征工程结合随机森林支持向量机逻辑回归和决策树等多元分类算法.zip
需求响应动态冰蓄冷系统与需求响应策略的优化研究（Matlab代码实现）
12-21
需求响应动态冰蓄冷系统与需求响应策略的优化研究（Matlab代码实现）内容概要：本文围绕“需求响应动态冰蓄冷系统与需求响应策略的优化研究”展开，基于Matlab代码实现，重点探讨了冰蓄冷系统在电力需求响应背景下的动态建模与优化调度策略。研究结合实际电力负荷与电价信号，构建系统能耗模型，利用优化算法对冰蓄冷系统的运行策略进行求解，旨在降低用电成本、平衡电网负荷，并提升能源利用效率。文中还提及该研究为博士论文复现，涉及系统建模、优化算法应用与仿真验证等关键技术环节，配套提供了完整的Matlab代码资源。; 适合人群：具备一定电力系统、能源管理或优化算法基础，从事科研或工程应用的研究生、高校教师及企业研发人员，尤其适合开展需求响应、综合能源系统优化等相关课题研究的人员。; 使用场景及目标：①复现博士论文中的冰蓄冷系统需求响应优化模型；②学习Matlab在能源系统建模与优化中的具体实现方法；③掌握需求响应策略的设计思路与仿真验证流程，服务于科研项目、论文写作或实际工程方案设计。; 阅读建议：建议结合提供的Matlab代码逐模块分析，重点关注系统建模逻辑与优化算法的实现细节，按文档目录顺序系统学习，并尝试调整参数进行仿真对比，以深入理解不同需求响应策略的效果差异。
综合能源系统零碳优化调度研究（Matlab代码实现）
12-21
综合能源系统零碳优化调度研究（Matlab代码实现）内容概要：本文围绕“综合能源系统零碳优化调度研究”，提供了基于Matlab代码实现的完整解决方案，重点探讨了在高比例可再生能源接入背景下，如何通过优化调度实现零碳排放目标。文中涉及多种先进优化算法（如改进遗传算法、粒子群优化、ADMM等）在综合能源系统中的应用，涵盖风光场景生成、储能配置、需求响应、微电网协同调度等多个关键技术环节，并结合具体案例（如压缩空气储能、光热电站、P2G技术等）进行建模与仿真分析，展示了从问题建模、算法设计到结果验证的全流程实现过程。; 适合人群：具备一定电力系统、能源系统或优化理论基础，熟悉Matlab/Simulink编程，从事新能源、智能电网、综合能源系统等相关领域研究的研究生、科研人员及工程技术人员。; 使用场景及目标：①开展综合能源系统低碳/零碳调度的科研建模与算法开发；②复现高水平期刊（如SCI/EI）论文中的优化模型与仿真结果；③学习如何将智能优化算法（如遗传算法、灰狼优化、ADMM等）应用于实际能源系统调度问题；④掌握Matlab在能源系统仿真与优化中的典型应用方法。; 阅读建议：建议结合文中提供的Matlab代码与网盘资源，边学习理论模型边动手调试程序，重点关注不同优化算法在调度模型中的实现细节与参数设置，同时可扩展应用于自身研究课题中，提升科研效率与模型精度。
基于微信小程序平台开发的顾客端智能点餐系统_实现扫码快速进入餐厅点餐界面_动态加载与展示后台菜品数据_支持用户将心仪菜品添加至虚拟购物车_可在购物车内灵活调整菜品数量或删除已选项目.zip
12-21
基于微信小程序平台开发的顾客端智能点餐系统_实现扫码快速进入餐厅点餐界面_动态加载与展示后台菜品数据_支持用户将心仪菜品添加至虚拟购物车_可在购物车内灵活调整菜品数量或删除已选项目.zip
LS-DYNA水下爆炸仿真K文件实例
12-21
LS-DYNA软件中关于水下爆炸现象的经典仿真案例数据文件，可作为相关研究的重要参考资料。 资源来源于网络分享，仅用于学习交流使用，请勿用于商业，如有侵权请联系我删除！
Flowable工作流课程
最新发布
12-21
下载前可以先看下教程 https://pan.quark.cn/s/98e76d2fbe0a Van 项目介绍：随便写的个人项目，似乎也用不上swagger 目标 无 安装步骤 创建一个数据库：van 执行db文件夹内的sql脚本 将application-local.yml.bak复制一份，重命名为：application-local.yml VM Options添加 启动VanApplication 数据库备份 Feature 自动完成字段 增删(需要动态生成并执行SQL) 大家在使用本项目时，推荐结合贺波老师的书 《深入Flowable流程引擎：核心原理与高阶实战》(https://item.jd.com/14804836.html)学习。 这本书得到了Flowable创始人Tijs Rademakers亲笔作序推荐，对系统学习和深入掌握Flowable的用法非常有帮助。 book-thumb.jpg
Event Bus
11-12
<think> 我们正在讨论Event Bus（事件总线）的概念、使用方法以及应用场景。根据引用内容，Event Bus是一种在组件或模块间进行通信的机制，它在Vue、Akka、Flutter等框架中都有应用。下面我们将从概念、原理、使用方法和应用场景等方面进行介绍。 ### 一、Event Bus 的概念 Event Bus（事件总线）是一种设计模式，它允许不同的组件或对象通过事件进行通信，而不需要直接相互引用。这种模式的核心是**中央事件处理中心**，组件可以订阅（监听）特定的事件，也可以发布（触发）事件，由事件总线负责将事件传递给所有订阅者[^1][^4]。 ### 二、Event Bus 的原理 1. **发布-订阅模式**： - 组件通过`subscribe`（订阅）方法注册事件监听器 - 其他组件通过`publish`（发布）方法触发事件 - 事件总线负责维护事件与监听器的映射关系 2. **解耦机制**： 事件发布者无需知道谁在监听事件，订阅者也无需知道事件来自何处，从而实现组件间的解耦[^2]。 ### 三、在不同框架中的使用方法 #### 1. Vue 中的 Event Bus 在 Vue2 中，我们可以创建一个空的 Vue 实例作为事件总线[^1][^4]： ```javascript // event-bus.js import Vue from 'vue' export const EventBus = new Vue() ``` **使用示例**： ```javascript // 组件A（发布事件） import { EventBus } from './event-bus.js' EventBus.$emit('toggle-sidebar', true) // 组件B（订阅事件） import { EventBus } from './event-bus.js' EventBus.$on('toggle-sidebar', (isOpen) => { console.log('侧边栏状态:', isOpen) }) ``` 在 Vue3 中，由于移除了`$on`等方法，推荐使用第三方库（如`mitt`）[^5]： ```javascript // useEmitter.js import mitt from 'mitt' export default function useEmitter() { return mitt() } // 组件中使用 import useEmitter from '@/hooks/useEmitter' const emitter = useEmitter() emitter.emit('toggle-sidebar', true) // 发布 emitter.on('toggle-sidebar', isOpen => { /*...*/ }) // 订阅 ``` #### 2. Akka 中的 Event Bus 在 Akka 工具包中，Event Bus 用于Actor之间的消息传递[^2]： ```java // 创建事件总线 MyLookupEventBus bus = new MyLookupEventBus(); // 订阅事件 bus.subscribe(actorRef, "add"); // 发布事件 bus.publish(new Event("add", "insert object")); ``` #### 3. Flutter 中的 Event Bus 使用`event_bus`包实现跨组件通信[^3]： ```dart // 创建全局事件总线 EventBus eventBus = EventBus(); // 定义事件类 class UserLoginEvent { final bool isLogin; UserLoginEvent(this.isLogin); } // 发布事件 eventBus.fire(UserLoginEvent(true)); // 订阅事件 eventBus.on<UserLoginEvent>().listen((event) { print('登录状态: ${event.isLogin}'); }); ``` ### 四、应用场景 1. **跨层级组件通信**（如Vue中非父子组件）[^1] 2. **微服务架构中的服务间通信** 3. **状态变更通知**（如用户登录状态全局通知）[^3] 4. **解耦业务逻辑**（如订单创建后触发邮件发送） ### 五、优缺点分析 | 优点 | 缺点 | |------|------| | 实现组件解耦 | 事件过多时难以维护 | | 简化复杂通信 | 调试困难（事件流不直观） | | 跨框架通用性 | 可能引起内存泄漏（未及时取消订阅）| ### 六、最佳实践 1. **事件命名规范**：使用命名空间（如`user:login`） 2. **及时取消订阅**：避免内存泄漏 ```javascript // Vue示例 created() { EventBus.$on('event', this.handler) } beforeUnmount() { EventBus.$off('event', this.handler) } ``` 3. **避免滥用**：简单场景用`props`/`emit`，复杂状态用Vuex/Pinia[^4] 4. **使用TypeScript**：为事件提供类型安全 ```typescript // 类型化事件总线示例 type Events = { 'toggle-sidebar': boolean 'user-login': { id: string } } const emitter = mitt<Events>() ``` > Event Bus 如同现实中的广播系统：发布者不需要知道听众是谁，听众也不需要知道广播员是谁，只需关注广播内容本身[^2]。 --- §§相关问题§§ 1. Event Bus 与全局状态管理（如Vuex）有何本质区别？ 2. 如何避免事件总线导致的内存泄漏问题？ 3. 在微服务架构中Event Bus是如何工作的？ 4. Event Bus 和观察者模式有什么异同？ </think> ### Event Bus 介绍及使用指南 #### 一、Event Bus 基本概念 Event Bus（事件总线）是一种**跨组件通信机制**，它创建一个中央事件处理中心，允许不同组件之间进行通信而不需要直接相互引用。其核心原理是**发布-订阅模式**： 1. **发布者**（Publisher）：触发事件并传递数据 2. **订阅者**（Subscriber）：监听并处理事件 3. **事件中心**（Event Bus）：管理事件分发 ```mermaid graph LR A[组件A] -- 发布事件 --> B[Event Bus] B -- 分发事件 --> C[组件B] B -- 分发事件 --> D[组件C] ``` #### 二、核心特性与价值 1. **解耦组件**：组件间无需知道彼此存在[^1][^4] 2. **跨层级通信**：任意组件（父子/兄弟/无关联组件）均可通信 3. **轻量级方案**：相比 Vuex/Pinia 更简单，适合简单场景 4. **通用性**：在 Vue/Akka/Flutter 等框架中均有实现[^2][^3] #### 三、在 Vue 中的实现与使用 ##### 1. 创建 Event Bus ```javascript // event-bus.js import { createApp } from 'vue' export const eventBus = createApp({}) ``` ##### 2. 发布事件（组件A） ```html <template> <button @click="sendData">发送数据</button> </template> <script setup> import { eventBus } from './event-bus.js' const sendData = () => { // 发布事件并携带数据 eventBus.config.globalProperties.$emit('data-event', { id: 123, value: '测试' }) } </script> ``` ##### 3. 订阅事件（组件B） ```html <script setup> import { onMounted, onUnmounted } from 'vue' import { eventBus } from './event-bus.js' // 事件处理函数 const handleData = (payload) => { console.log('收到数据:', payload) } // 生命周期钩子 onMounted(() => { eventBus.config.globalProperties.$on('data-event', handleData) }) onUnmounted(() => { eventBus.config.globalProperties.$off('data-event', handleData) }) </script> ``` #### 四、最佳实践与注意事项 1. **命名规范**：使用命名空间防止冲突（如 `user:login`） ```javascript // 推荐命名方式 eventBus.emit('cart:item-added', item) ``` 2. **内存管理**：必须移除监听器避免内存泄漏 ```javascript // Vue3 Composition API onUnmounted(() => { eventBus.off('event-name', handler) }) ``` 3. **数据类型控制**：建议使用 TypeScript 定义事件结构 ```typescript // 类型声明 declare module 'vue' { interface ComponentCustomProperties { $emit(event: 'toggle-sidebar', isOpen: boolean): void $on(event: 'toggle-sidebar', callback: (isOpen: boolean) => void): void } } ``` 4. **适用场景**： - 简单应用的状态通知 - 跨路由组件通信 - 第三方插件集成 - 不适合复杂状态管理（此时应选 Vuex/Pinia）[^4] #### 五、与其他技术的对比 | 特性 | Event Bus | Vuex/Pinia | Props/Emits | |---------------------|----------------|-----------------|-----------------| | 通信范围 | 全局 | 全局 | 父子组件 | | 复杂度 | 低 | 中高 | 低 | | 状态管理能力 | 无 | 强 | 无 | | 调试难度 | 较高（事件流） | 中等（Devtools）| 低 | > **设计哲学**：Event Bus 如同现实中的广播系统 - 发布者无需知道谁在接收，接收者只需关注自己感兴趣的消息[^2]。 #### 六、扩展应用模式 1. **带响应式的 Event Bus**： ```javascript import { ref, readonly } from 'vue' // 创建响应式总线 const state = ref({}) export const useEventBus = () => ({ state: readonly(state), setState: (newState) => { state.value = newState } }) ``` 2. **多总线隔离**： ```javascript // 创建独立的事件域 export const createScopedEventBus = () => ({ events: new Map(), on(event, handler) { /* ... */ }, emit(event, payload) { /* ... */ } }) ``` ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值