vue中eventBus

在Vue中，EventBus是一个全局事件总线，用于在组件之间进行通信。通过EventBus，我们可以在一个组件中触发事件，并在其他组件中监听和处理这些事件。引用\[1\]中的代码演示了如何在Vue中使用EventBus进行事件监听和移除。首先，我们需要导入EventBus，然后定义一个事件监听函数。使用EventBus.$on()方法来监听一个自定义事件，并将事件名称和监听函数作为参数传递进去。当事件被触发时，监听函数将被执行。要停止监听事件，可以使用EventBus.$off()方法，并传递事件名称和监听函数作为参数。这将移除指定事件的指定监听函数。引用\[2\]提到了在业务有反复操作的页面时，EventBus可能会触发多次事件，这可能会导致问题。为了解决这个问题，可以在Vue页面销毁时，同时移除EventBus的事件监听。引用\[3\]展示了在接收方组件中如何使用EventBus.$on()方法订阅自定义事件并处理其响应。在mounted钩子函数中，使用EventBus.$on()方法来订阅自定义事件，并将处理函数作为参数传递进去。当事件被触发时，处理函数将被执行。
#### 引用[.reference_title]
- *1* *2* [vue - EventBus](https://blog.csdn.net/qq_39085060/article/details/104226440)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Vue中的Event Bus](https://blog.csdn.net/AlegFox/article/details/130282307)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]