事件总线的使用

最新推荐文章于 2025-10-06 05:52:17 发布
原创 最新推荐文章于 2025-10-06 05:52:17 发布 · 422 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

作用：解决了应用程序内各个组件或者组件和后台服务之间的通信问题
基础用法
源码分析
构造方法：使用了(dcl)确保单例,构造函数中调用了另一种构造方法，使用建造者模式–通过EventBusBuilder 来完成对EventBus的配置和构造。
订阅方法的流程
1.通过Class对象，找到订阅者的所有订阅方法（@subscribe）
2.对每个订阅方法，都需要传入订阅者和订阅方法进行注册。
在这里插入图片描述
订阅所做的事：
1.将Subscriptions根据eventType添加到subscriptionsByEventType（建造者中的一个成分）中。根据subscriber,将订阅事件添加到typesBySubscriber中。
2. 对黏性事件的处理
事件的发送（post函数的源码）
在这里插入图片描述

  1. 获取到PostingThreadState对象，PostingThreadState保存着事件队列和线程状态信息
    从PostingThreadState对象中取出事件队列，然后再将当前的事件插入到事件队列当中
    将队列中的事件依次交由postSingleEvent方法进行处理，并移除该事件
  2. eventInheritance表示是否向上查找事件的父类,它的默认值为true，可以通过在EventBusBuilder中来进行配置。
    当eventInheritance为true时，则通过lookupAllEventTypes找到所有的父类事件并存在List中，
    然后通过postSingleEventForEventType方法对事件逐一处理。
  3. 取出该事件对应的Subscription集合（能够知道那些组件订阅了）并遍历该集合将事件event和对应Subscription传递到 postToSubscription方法中对事件进行处理
  4. 假如 线程模式是MAIN，提交事件的线程是主线程的话则通过反射，直接运行订阅的方法，如果不是主线程，我们需要mainThreadPoster将我们的订阅事件入队列，mainThreadPoster是HandlerPoster类型的继承自Handler，通过Handler将订阅方法切换到主线程执行。
    取消注册
    在这里插入图片描述

总结

主要是通过EventBus对象中的两个互为key的map来完成这个逻辑
核心架构
在这里插入图片描述
使用观察者模式来进行设计

前端Vue.js的事件总线使用方法
小白菜的博客
04-26 928
在Vue.js开发中，组件化是其核心特性之一。随着项目规模的增大，组件之间的通信变得尤为重要。事件总线作为一种轻量级的组件通信解决方案，能够有效地解决非父子组件之间的消息传递问题。本文的目的就是详细介绍Vue.js事件总线的使用方法，涵盖从基本概念到实际应用的各个方面，帮助开发者更好地利用事件总线进行组件通信。本文将按照以下结构进行组织：首先介绍事件总线的核心概念与联系，包括其原理和架构；接着讲解核心算法原理和具体操作步骤，通过Python源代码进行详细阐述；然后给出数学模型和公式，并结合具体例子进行说明。
Flutter 事件总线 Event Bus
id_EquinoxFlower的博客
08-04 2188
Flutter 的 event_bus 是一个基于发布-订阅模式的第三方库，用于实现跨组件/页面的解耦通信。其核心使用步骤包括：创建全局单例、定义事件类、发布事件、订阅事件及取消订阅。该方案具有轻量、灵活等优点，适用于跨页面通信、深层组件交互等场景，但需注意内存泄漏和事件滥用问题。虽然适合中小型应用，但在大型项目中可能需要结合其他状态管理方案使用。
事件总线的简单使用
ali的博客
11-27 685
根build添加依赖 implementation 'org.greenrobot:eventbus:3.1.1' 创建ActivitySupport继承AppCompatActivity 并在 onCreate中添加EventBus.getDefault().register(this); onDestroy中添加EventBus.getDefault().unregister(this); 新建的活动应该继承ActivitySupport ...
Vue中事件总线的使用
weixin_45805570的博客
04-12 719
事件总线的概念 EventBus事件总线，通过事件总线，我们可以在任意两个组件之间传递数据。 使用事件总线的原因 对于父子组件，我们可以使用props从父向子传递数据，也可以使用**this.$emit(“方法名”,参数)**从子向父传递数据，这确实是非常方便好用了。但如果是非父子组件，我们就无法通过这种方式来传递数据了，事件总线就是用来处理这种情况的，实质上EventBus是一个不具备 DOM 的组件，它具有的仅仅只是它实例方法而已，因此它非常的轻便。 事件总线的使用 1.首先我们要定义事件总线 //ma
Vue 事件总线（EventBus）详解
最新发布
csdn_silent的博客
10-06 1409
事件总线是一个发布-订阅模式的实现，它允许组件之间通过事件进行通信，而不需要直接引用对方。
C# 事件总线 Event Bus
学习和分享
08-10 2332
事件总线：是对发布-订阅模式的一种实现，是一种集中式事件处理机制。它允许事件发送者（发布者）与事件接收者（订阅者）之间保持解耦，即它们不需要直接知道对方的存在，只需要通过事件总线进行通信。发布-订阅模式：是一种消息传递模式，消息发送者（称为发布者）不会将消息直接发送给特定的接收者。相反，发布者将发布的消息分类成不同的频道（Channel），不需要知道哪些消息接收者（称为订阅者）会存在或监听这些频道。首先，定义一个事件监听器接口，所有的事件监听器都需要实现这个接口。这个接口包含一个方法，用于处理事件。
Vue 事件总线的使用
Q1368089323的博客
05-15 1236
Vue 事件总线的使用一、Vue2.0 版本二、Vue3.0版本三、事件总线的使用四、总结 前言 在vue中使用事件总线可以省去很多组件间通信的麻烦，例如可能会出现的子传父，父再传子的多个传递过程。事件总线使用emit进行广播，然后某个组件进行监听，就达到通信的目的了 一、Vue2.0 版本 //main.js中 const app = createApp({})//正常的创建Vue实例 app.config.grobalProperties.$bus = createApp({})//创建事件总线
Node.js-EventBusOttoRxBus事件总线使用
08-12
总的来说，虽然标题中的"Node.js-EventBusOttoRxBus事件总线使用"可能与Android开发更相关，但我们可以看到在Android领域，EventBus、Otto和RxBus是实现组件间通信的重要工具。而在Node.js中，我们可以使用内置的...
介绍常用的vue2事件总线使用
04-23
介绍常用的vue2事件总线使用
将Abp默认事件总线改造为分布式事件总线
jevonsflash的专栏
12-20 2063
定义NotificationEventData，用于传递自定义事件。set;set;set;set;在消费者端，定义一个事件处理器，用于处理自定义事件。在生产者端，触发自定义事件。运行程序，可以看到消费者端打印出了自定义事件。
Vue事件总线（EventBus）使用指南：详细解析与实战应用
热门推荐
在这里，我乐于倾囊相授，分享我的技术心得、项目实战经验、技术技巧。希望能够惠及更多的开发者，助力大家在技术的海洋中扬帆远航。
05-31 2万+
vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过 props 向下传数据给子组件，当子组件有事情要告诉父组件时会通过 $emit 事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系，该如何通信了？如果咱们的应用程序不需要类似Vuex这样的库来处理组件之间的数据通信，就可以考虑Vue中的 事件总线 ，即EventBus来通信。EventBus 又称为事件总线。
教你使用事件总线EventBus
weixin_45468454的博客
06-02 658
手摸手教你使用事件总线EventBus EventBus:又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件。 EventBus事件总线。可以用来组件之间通信，类似于Vuex的功能，简单的可以分为$emit()发射与 $on()监听两个方法进行组件通信。具体使用方法如下： 全局使用的方法： main.js文件中： import Vue from 'vue' // 注册全局事
事件总线—Event Bus 使用及讲解
XYX8958的博客
10-24 1192
如果“接收数据”和“传递数据”的组件是同时渲染出来的，我们就可以用事件总线来实现两个组件之间的传值。但是，如果“接收数据”的组件，比“传递数据”的组件后渲染，就不能使用事件总线。，将这个新的实例对象作为桥梁，来实现两个组件之间的传值。事件总线，主要用来实现非父子组件之间的传值。执行生命周期函数，同时给事件总线添加事件。”的组件中，给事件总线身上添加一个事件。再创建一个新的 Vue 实例对象。
bus事件总线 使用
han_xiao_xiao的博客
08-05 422
路由bus事件总线
guava中事件总线使用
weixin_34184158的博客
01-30 183
2019独角兽企业重金招聘Python工程师标准>>> ...
事件总线
zhanglianglily的博客
06-10 1537
运用三： 将bus挂载到vue.prototype上（这里用了插件的写法） // plugin/index.js import Bus from 'vue'; let install = function (Vue) { ... ... // 设置eventBus Vue.prototype.bus = new Bus(); ... ... } expo...
Vue事件总线（EventBus）使用详细介绍
weixin_59395272的博客
06-21 370
来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的“灾难”，因此才需要更完善的Vuex作为状态管理中心，将通知的概念上升到共享状态层次。假设你有两个Vue页面需要通信： A 和 B ，A页面 在按钮上面绑定了点击事件，发送一则消息，想=通知 B页面。，接下来你需要做到的就是在你的组件中加载它，并且调用同一个方法，就如你在父子组件中互相传递消息一样。的使用方法，是不是很简单。
vue事件总线$bus解释与使用
weixin_52307122的博客
09-09 1602
vue事件总线$bus解释与使用
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值