状态管理方案选型
在大型单页应用中，组件间通信是高频需求。除了 props 和 emit，全局状态管理不可或缺。本文聚焦于轻量级的 Bus（事件总线）模式，探讨其适用场景及实现细节。
Bus 原理与实现
Bus 本质上是一个发布订阅模式的实例。通过一个全局对象，组件可以解耦地发送和接收消息。这种方式避免了层层传递 props 的繁琐，特别适合跨层级或兄弟组件间的临时通信。
// 创建单例
import Vue from 'vue'
const bus = new Vue()
export default bus
在实际使用中，通常将上述代码封装为一个独立的文件（如 bus.js），并在需要通信的组件中引入。发送消息时调用 $emit，监听则使用 $on。
使用注意事项
- 内存泄漏风险：组件销毁前必须移除监听器。建议在
beforeDestroy或unmounted生命周期钩子中调用$off，确保不再响应已失效的事件。 - 非响应式数据：Bus 仅负责消息通知，不直接管理状态变化。如果涉及复杂的数据流追踪，建议结合 Vuex 或 Pinia 使用。
- 调试困难：由于通信路径分散在全局，排查问题时需要关注事件名称的唯一性，避免命名冲突导致逻辑混乱。
总结
相比 Vuex，Bus 更适合轻量级、非响应式的通信场景。它简单直接，但缺乏状态管理的规范性。在架构设计初期，根据业务复杂度合理选择工具，往往比盲目追求技术栈的统一更重要。
