EventBus适合小项目临时跨组件通知，Pinia适合中大型项目统一管理共享状态；兄弟通信优先父中转，深层嵌套用provide/inject，简单双向用v-model，临时调用用ref。
直接说结论：EventBus 适合小项目快速打通任意组件，Pinia 适合中大型项目统一管理共享状态。选错方案容易埋坑——比如用 EventBus 管购物车，后期改起来费劲；用 Pinia 处理一次性父子传值，又显得过度设计。
EventBus 用在哪儿才合适
它本质是一个全局事件中心，谁都能发、谁都能听，没有层级限制。但正因为太自由，必须严格约束使用边界。
- 场景明确：仅用于临时性、低耦合的跨组件通知，比如“用户登录成功后刷新侧边栏头像”“弹窗关闭后触发列表重载”
- 生命周期必须配对：组件 mounted 时 $on，beforeUnmount 时 $off（Vue 3）或 beforeDestroy（Vue 2），漏掉就会内存泄漏、重复执行
- 不存状态：EventBus 不保存数据，只做“喊一嗓子”的中转站。别指望它帮你记住当前购物车数量或用户权限
- Vue 3 中已不推荐全局挂载：改用独立实例 + provide/inject 封装，或直接用 mitt 等轻量替代库
Pinia 什么时候该上场
它不是“能用就用”，而是当多个组件开始频繁读写同一份数据，且逻辑开始交织时的自然选择。
Ainative Vue Sdk
下载
使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景：(1) 安装 `@ainative/vue-sdk`，(2) 在 Vue 组件中使用 `useChat` 组合式函数，(3) 提供……
- 典型信号：你发现同一个用户信息被 4 个组件分别通过 props 一层层往下传；或者购物车数量要在首页、商品页、结算页、顶部栏同时显示和修改
- 优势明显：状态集中、可调试（Devtools 支持）、支持模块拆分、类型推导友好（TS 项目尤其受益）
- 不用强求全盘迁移：可以先从最混乱的一块状态（比如登录态）开始抽离，其他仍用 props/$emit，逐步演进
- 注意边界：单个表单内部的临时校验状态、某个子组件私有的展开/折叠开关，没必要塞进 Pinia
比 EventBus 轻、比 Pinia 短的中间选择
不是所有通信都非黑即白。有些情况，更轻量的方案反而更稳。
立即学习“前端免费学习笔记（深入）”；
- 兄弟组件通信：优先走父组件中转。代码清晰、无额外依赖、调试直观，90% 场景够用
- 深层嵌套（祖孙）：provide/inject 更合适。祖先“广播”配置或工具函数，后代按需注入，不污染 props 链
- 简单双向绑定：v-model 就是为这个设计的。Vue 3 中支持多参数 v-model，比手写 $emit + props 更简洁
- 临时跨级调用：ref 直接访问子组件方法。适用于父组件需要主动触发子组件某操作（如表单重置、图表刷新）
本质上，通信方案不是技术炫技，而是让数据流可读、可测、可维护。小项目敢用 EventBus 是效率，大项目还赖着它就是隐患；Pinia 强大，但不该成为每个组件的默认起点。
