$bus 的详细使用

$bus是一种事件总线，用于在Vue.js应用程序中进行组件之间的通信。

使用$bus，可以在一个组件中触发一个事件，然后在另一个组件中监听该事件并执行相应的处理函数。

以下是使用$bus的步骤：

1. 在Vue实例中创建一个事件总线。

const bus = new Vue();

2. 在发送事件的组件中，使用$emit方法触发事件。

bus.$emit('my-event', arg1, arg2);

3. 在接收事件的组件中，使用$on方法监听事件，并提供一个处理函数来处理事件。

bus.$on('my-event', (arg1, arg2) => {
  // 处理事件
});

4. 在组件销毁时，使用$off方法取消事件监听。

bus.$off('my-event');

注意事项：

• $bus是一个全局事件总线，因此可以在任何组件中使用。
• 记得在组件销毁时取消事件监听，以避免内存泄漏。
• 建议在组件中使用一个事件订阅和取消订阅的组件生命周期钩子函数，例如created和destroyed。

希望这可以帮助你使用$bus进行Vue.js应用程序中的组件通信。