vue 发布订阅者模式

Vue.js 是一个流行的 JavaScript 框架，它使用发布订阅者模式来实现组件之间的通信。在 Vue.js 中，每个组件都是一个独立的实体，可以向其它组件发布消息，也可以订阅其它组件的消息。

Vue.js 的发布订阅者模式基于一个名为 EventBus 的事件总线，它可以让不同的组件之间进行通信。EventBus 是一个 Vue.js 实例，可以在任何组件中使用 $emit() 方法发布事件，也可以使用 $on() 方法订阅事件。

例如，一个组件可以使用 $emit() 方法发布一个名为 "my-event" 的事件：

this.$emit('my-event', data);

同时，另一个组件可以使用 $on() 方法订阅这个事件：

this.$on('my-event', (data) => {
  // 处理事件数据
});

当第一个组件调用 $emit() 方法时，第二个组件的回调函数将被触发，并传入事件数据。

除了 $emit() 和 $on() 方法，EventBus 还提供了其它方法来管理事件，例如 $off() 方法可以取消订阅事件，$once() 方法可以订阅一次性事件等等。

总之，Vue.js 的发布订阅者模式是一个非常强大的工具，可以让不同的组件之间进行松散耦合的通信，提高应用程序的可维护性和扩展性