js mitt

作者：缺爱╮不缺钙发布日期:2025-09-06 浏览:103

// 引入 mitt 库
import mitt from 'mitt';

// 创建一个事件总线
const emitter = mitt();

// 订阅事件
emitter.on('greet', (event) => {
  console.log('Hello, ' + event.name); // 当触发 'greet' 事件时，会执行这个回调函数
});

// 触发事件
emitter.emit('greet', { name: 'Alice' }); // 输出: Hello, Alice

// 移除订阅
emitter.off('greet'); // 移除所有 'greet' 事件的监听器

解释说明：

引入 mitt：首先通过 import 语句引入 mitt 库。
创建事件总线：使用 mitt() 创建一个事件总线实例 emitter，用于管理事件的订阅和发布。
订阅事件：使用 emitter.on('事件名', 回调函数) 来订阅事件。当该事件被触发时，回调函数会被执行。
触发事件：使用 emitter.emit('事件名', 数据) 来触发事件，并传递数据给订阅者。
移除订阅：使用 emitter.off('事件名') 来移除特定事件的所有监听器，或者不传参数来移除所有事件的监听器。

这种方式非常适合用于组件间通信或全局事件管理。

上一篇：js 创建json

下一篇：js 获取系统时间