mitt.js:小型事件发布订阅库

简介: mitt.js:小型事件发布订阅库

Tiny 200b functional event emitter / pubsub.

文档

安装

npm install --save mitt

cdn

<script src="https://unpkg.com/mitt/dist/mitt.umd.js"></script>

使用示例

import mitt from 'mitt'
const emitter = mitt()
function onFoo(data) {
    console.log(data);
}
const TOPIC = 'topic'
// 订阅
emitter.on(TOPIC, onFoo)   
// 发布事件
emitter.emit(TOPIC, { a: 'b' })
// 取消订阅
emitter.off(TOPIC, onFoo)
相关文章
|
4天前
|
JavaScript
事件触发、事件捕获与事件冒泡(js的问题)
事件触发、事件捕获与事件冒泡(js的问题)
13 0
|
4天前
|
JavaScript 前端开发
js开发:请解释事件冒泡和事件捕获。
JavaScript中的事件处理有冒泡和捕获两种方式。事件冒泡是从子元素向上级元素传递,而事件捕获则从外层元素向内层传递。`addEventListener`的第三个参数可设定事件模式,`false`或不设为冒泡,`true`为捕获。示例代码展示了如何设置。
24 2
|
3天前
|
消息中间件 存储 设计模式
JavaScript发布订阅模式:实现事件驱动编程!
JavaScript发布订阅模式:实现事件驱动编程!
|
3天前
|
设计模式 存储 消息中间件
JavaScript观察者模式:实现对象间的事件通信!
JavaScript观察者模式:实现对象间的事件通信!
|
4天前
|
JavaScript 前端开发 开发者
javascript事件大全
javascript事件大全
13 1
|
4天前
|
JavaScript 前端开发
Javascript的一些监听事件
Javascript的一些监听事件
12 2
|
4天前
|
JavaScript 前端开发
js的事件介绍
js的事件介绍
16 1
|
4天前
|
JavaScript 前端开发
js的事件
js的事件
15 1
|
4天前
|
JavaScript 前端开发
js的交互事件
js的交互事件
15 1
|
4天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?