vue $bus

作者：狂刀血斧发布日期:2026-05-11 浏览:48

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

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

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

// 如果需要移除事件监听
bus.$off('event-name');

// 解释说明：
// 1. `bus` 是一个 Vue 实例，用作事件总线（Event Bus），用于组件之间的通信。
// 2. `bus.$emit` 用于触发事件，并可以传递数据给监听该事件的组件。
// 3. `bus.$on` 用于监听指定事件，当事件被触发时执行回调函数。
// 4. `bus.$off` 用于移除事件监听，防止内存泄漏或不必要的事件触发。

上一篇：vue数组删除指定元素

下一篇：threejs vue