news 2026/5/27 2:48:09

ArkTS-EventHub使用

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
ArkTS-EventHub使用

轻量级的本地事件发布/订阅(Pub/Sub)机制,用于同一个 Ability 内不同页面或组件之间的通信,实现解耦的组件间通信

eventHubAbility 内部私有的,不能跨 Ability 通信(如从一个 EntryAbility 发消息到另一个 ServiceAbility)。

使用:

1:在 Ability 中获取 eventHub(你的代码)
// EntryAbility.ts export default class EntryAbility extends UIAbility { onCreate() { // 获取 eventHub(通常保存为成员变量) this.eventHub = this.context.eventHub; } }

this.context.eventHub只能在UIAbility的生命周期方法中访问(如onCreate,onWindowStageCreate)。

2:在页面中使用(需通过 AppStorage 或其他方式传递)

由于 ArkTS 页面组件(@Component)无法直接访问Abilitycontext,通常需要将eventHub存入全局状态:

在 Ability 中存入 AppStorage:

// EntryAbility.ts import { AppStorage } from '@kit.ArkUI'; export default class EntryAbility extends UIAbility { onWindowStageCreate(windowStage: window.WindowStage) { // 将 eventHub 存入全局(注意:仅存引用,不序列化) AppStorage.setOrCreate('eventHub', this.context.eventHub); windowStage.loadContent('pages/Index'); } }

在页面中使用:

// Index.ets import { AppStorage } from '@kit.ArkUI'; @Entry @Component struct Index { build() { Column() { Button('发送事件') .onClick(() => { const hub = AppStorage.get<EventHub>('eventHub'); // 发布事件 hub.emit('userLogin', { userId: '123', name: 'Alice' }); }) } } }

在另一个页面监听:

// Profile.ets @Entry @Component struct Profile { aboutToAppear() { const hub = AppStorage.get<EventHub>('eventHub'); // 订阅事件 hub.on('userLogin', (data) => { console.log('收到登录事件:', data); // 更新 UI }); } aboutToDisappear() { // 务必取消订阅,避免内存泄漏! const hub = AppStorage.get<EventHub>('eventHub'); hub.off('userLogin'); } }

方法

说明

emit(event: string, ...args: any[])

发布事件(可传参数)

on(event: string, callback: Function)

订阅事件

off(event: string, callback?: Function)

取消订阅(建议在aboutToDisappear中调用)

once(event: string, callback: Function)

订阅一次(触发后自动取消)

3:注意事项

1.不能跨 Ability 使用

  • eventHub仅限同一个 UIAbility 内部通信。

  • 跨 Ability 请使用Want / AbilityStage / 全局状态管理(如 AppStorage + 状态变量)

2.必须手动取消订阅

  • 否则会导致内存泄漏(回调函数持有页面引用,阻止 GC)。

  • 推荐在aboutToDisappear()中调用off()

3.不适合复杂状态管理

  • 对于全局状态(如用户信息、主题),建议使用:

    • @StorageLink+AppStorage

    • 自定义状态管理库(如类似 Redux 的方案)

4:替代方案对比
方案适用场景优点缺点
eventHub同 Ability 内简单通知轻量、官方支持不能跨 Ability,需手动管理订阅
AppStorage+@StorageLink全局状态共享响应式更新,自动同步仅支持简单数据类型
自定义 Callback父子组件通信简单直接需 props 逐层传递
UIContext封装统一事件管理可扩展非官方,增加复杂度
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/22 8:14:34

专访往届获奖者:CES Asia2026创新奖如何撬动亿元跨境订单?

“一张获奖证书&#xff0c;帮我们敲开了全球28个市场的大门&#xff0c;当年就斩获1.8亿元跨境订单&#xff01;” 往届获奖企业负责人的感慨&#xff0c;道出了CES Asia创新奖的商业价值密码。展会数据显示&#xff0c;获奖企业海外合作意向达成率较普通参展企业提升超50%&am…

作者头像 李华
网站建设 2026/5/23 8:29:08

不止是三天展会:CES Asia2026构建创新认证到全球出海完整赋能生态

对于追求长期发展的企业而言&#xff0c;一场顶级展会的价值&#xff0c;从来不止于现场的三天交流。定于2026年6月10日至12日在北京举办的CES Asia 2026&#xff08;亚洲消费电子展&#xff09;&#xff0c;突破传统展会的时间与空间局限&#xff0c;构建“前期认证赋能—中期…

作者头像 李华
网站建设 2026/5/22 20:04:22

AI房产助手:智能交易工具的全面应用指南

还在为房产交易中的繁杂流程和文档处理而烦恼吗&#xff1f;AI房产助手正在用智能化的方式彻底改变传统地产行业的运作模式。通过先进的AI技术&#xff0c;房产交易变得更加高效、准确和透明。 【免费下载链接】poml Prompt Orchestration Markup Language 项目地址: https:/…

作者头像 李华
网站建设 2026/5/25 1:07:15

终极指南:3步打造高性能ChatTTS-ui语音合成服务

终极指南&#xff1a;3步打造高性能ChatTTS-ui语音合成服务 【免费下载链接】ChatTTS-ui 匹配ChatTTS的web界面和api接口 项目地址: https://gitcode.com/GitHub_Trending/ch/ChatTTS-ui 在AI语音合成技术蓬勃发展的今天&#xff0c;Docker部署ChatTTS-ui已成为实现高性…

作者头像 李华
网站建设 2026/5/26 21:54:31

MySQL事务的原理ACID

MySQL 事务的原理&#xff08;ACID&#xff09;关键词&#xff1a;ACID、redo log、undo log、锁、MVCC、隔离级别。 目标&#xff1a;搞清楚“事务是什么、为什么能回滚、为什么能隔离”。一、什么是事务&#xff1f; 在 MySQL&#xff08;主要指 InnoDB 引擎&#xff09;中&a…

作者头像 李华
网站建设 2026/5/26 20:21:54

LaTeX2AI插件终极安装配置指南:在Illustrator中轻松排版数学公式

LaTeX2AI是一个功能强大的Adobe Illustrator插件&#xff0c;专门用于在Illustrator文档中插入和编辑由LaTeX排版的文本标签。无论您是科研人员、设计师还是教育工作者&#xff0c;这个插件都能让您在Illustrator中轻松整合精美的数学公式和科学文本&#xff0c;彻底告别繁琐的…

作者头像 李华