Vue3中如何通过eventBus实现长尾词的发布订阅模式？

本文共计863个文字，预计阅读时间需要4分钟。

目录+.什么是eventBus？+vue3如何使用 eventBus步骤一：（eventBus 容器）步骤二：（订阅者）步骤三：（发布者）总结+什么是eventBus？通用的讲解，就是在任意组件中，想要在不同的组件间传递数据，可以使用 eventBus 来实现。它就像一个中介，让组件之间能够相互通信。+vue3如何使用 eventBus步骤一：（eventBus 容器）首先，创建一个 eventBus 实例，然后在需要通信的组件中引入这个实例。

步骤二：（订阅者）在需要接收消息的组件中，使用 eventBus 实例的 $on 方法来订阅事件。

步骤三：（发布者）在需要发送消息的组件中，使用 eventBus 实例的 $emit 方法来发布事件。

总结eventBus 在vue3中的应用相对简单，通过订阅和发布的方式实现组件间的通信。

目录

• Ⅰ. 什么是eventBus？
• Ⅱ. vue3 如何使用
• 步骤一 （eventBus 容器）
• 步骤二 （ 订阅者 ）
• 步骤三 （ 发布者 ）
• 总结

Ⅰ. 什么是eventBus？

通俗的讲，就是在任意一个组件，想把消息（参数） -> 传递到任意一个组件 ，并执行一定逻辑。