vue eventbus

作者：术之影发布日期:2025-03-15 浏览:64

// 创建一个 Vue 实例作为事件总线
const eventBus = new Vue();

// 组件 A 发送事件
eventBus.$emit('event-name', data);

// 组件 B 监听事件
eventBus.$on('event-name', function (data) {
  // 处理接收到的数据
  console.log(data);
});

// 如果需要移除监听器，可以使用 $off
eventBus.$off('event-name');

解释说明：

创建事件总线：通过 new Vue() 创建一个新的 Vue 实例作为事件总线。
发送事件：使用 $emit 方法触发一个自定义事件，并传递数据给监听者。
监听事件：使用 $on 方法监听特定的事件名称，并在事件触发时执行回调函数处理数据。
移除监听器：使用 $off 方法可以移除指定事件的监听器，避免内存泄漏。

上一篇：vue antd

下一篇：vue生成二维码