emits 不能替代事件总线，因其仅支持显式父子通信，缺乏全局广播、动态注册/注销及通配符监听能力；mitt 是官方推荐的轻量级替代方案，支持跨组件通信与生命周期安全的监听管理。

Vue 3 中 emits 本身不能替代事件总线（Event Bus），它只负责子组件向父组件发送事件，作用范围严格限于父子通信。真正替代旧版事件总线（如 Vue 2 中 new Vue() 创建的全局 bus）的是第三方轻量事件发射器库，其中官方推荐、社区主流选择是 mitt。

为什么 emits 不能当事件总线用

emits 是声明式机制，必须配合 v-on 在父组件模板中显式监听，无法实现任意两个无关系组件（比如兄弟、跨层级、甚至完全不相关的页面模块）之间的解耦通信。它不提供“全局广播”“动态注册/注销”“通配符监听”等事件总线核心能力。

mitt 是 Vue 3 中事件总线的标准替代方案

mitt 不依赖 Vue 实例，体积小（约 200 字节），API 简洁，且天然适配组合式 API 的生命周期管理：

• 统一创建一个 emitter 实例（如 src/utils/eventBus.js），供全项目导入使用
• 发送方直接调用 emitter.emit('user-logout', payload)
• 接收方在 onMounted 中注册监听，在 onUnmounted 中主动移除，避免内存泄漏
• 支持语义化命名（如 'dialog:close'、'form:submit-success'），提升可维护性
• 支持通配符 * 监听所有事件，也支持 emitter.all.clear() 批量清理

别误用 Pinia 或 Vuex 替代事件总线

Pinia 是状态管理工具，适合持久、可响应、需共享的数据；而事件总线处理的是一次性通知类动作（如“弹窗已关闭”“列表需要刷新”“用户已登录”）。把这类瞬时信号存进 store，会污染状态树，增加调试难度，也违背单一职责原则。

迁移旧 EventBus 的关键操作

将 Vue 2 中类似这样的代码：

vue-component-analyzer

递归分析 Vue 项目组件依赖，从入口文件生成组件层级图，支持 Vue 2/3，输出组件名、文件路径和属性。适用于分析组件结构、排查依赖或了解项目架构。

下载

// eventBus.js
export default new Vue()

替换为：

// src/utils/eventBus.js
import mitt from 'mitt'
export const emitter = mitt()

并在组件中按规范注册与销毁监听器，不手动 hold 引用，不漏掉 off 调用——这是避免内存泄漏的核心细节。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！