vue eventbus用法

作者：﹏〃对不起╮他是为你哭了发布日期:2025-10-23 浏览:49

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

// 组件 A 发布事件
eventBus.$emit('eventName', data);

// 组件 B 订阅事件
eventBus.$on('eventName', function(data) {
  // 处理接收到的数据
  console.log(data);
});

// 如果需要移除事件监听器，可以使用 $off 方法
eventBus.$off('eventName');

解释说明：

创建事件总线：通过 new Vue() 创建一个新的 Vue 实例作为事件总线。
发布事件：使用 $emit 方法在组件 A 中发布一个事件，并传递数据。
订阅事件：使用 $on 方法在组件 B 中订阅该事件，并定义处理函数来处理接收到的数据。
移除事件监听器：使用 $off 方法可以在不再需要监听某个事件时移除它。

上一篇：vue3回车键触发事件

下一篇：vue.filter