在前端开发中，我们经常需要使用事件系统来协调不同组件之间的交互，event-emitter-mixin 就是一个非常好用的 npm 包，可以轻松实现事件系统。
event-emitter-mixin 是什么？
event-emitter-mixin 是一个基于 mixin 模式的 npm 包，可以将事件机制添加到任意对象中，使其具备发布、订阅、消除事件处理程序等功能，它非常小巧方便，在 React/Vue 等框架中都可以使用。
使用教程
安装
使用 npm 安装 event-emitter-mixin：
npm install event-emitter-mixin --save
导入：
import EventEmitterMixin from 'event-emitter-mixin';
发布事件
使用 emit 方法发布事件：
const emitter = new EventEmitterMixin();
emitter.emit('click', 'param1', 'param2');它接收任意多个参数，第一个参数是事件类型，之后的参数是事件处理程序的参数。
订阅事件
使用 on 方法订阅事件：
emitter.on('click', (param1, param2) => { console.log(param1, param2) });第一个参数为事件类型，第二个参数为事件处理程序。
取消订阅
使用 off 方法取消订阅事件：
emitter.off('click', handler);它的第一个参数是事件类型，第二个参数是要取消的事件处理程序。
只订阅一次事件
使用 once 方法可订阅只触发一次的事件：
emitter.once('click', (param1, param2) => { console.log(param1, param2) });获取事件处理程序
使用 getHandlers 方法获取某个事件类型的所有事件处理程序：
emitter.getHandlers('click');消除所有订阅
使用 removeAllListeners 方法可以消除所有事件订阅：
emitter.removeAllListeners();
示例代码
通过下面这个示例，你可以更好地理解 event-emitter-mixin 的使用方法：
-- -------------------- ---- -------
------ ----------------- ---- ----------------------
----- --- -
------------- -
------------------- -------------------
---------- - --
---------- - ------
-
----- -
-------------- -- -
---------- -- ---
---------------- ------------- --- -- ------- -- ------------- --------
---------------- ------------
-- ------
-
------------------ -
---------- - ------
---------------- ----- ----- -- ------- -- -----------------
------------------------ ------------
-
-
----- ----- - --- ------
--------------- ----- -- -
---------------- ----- ----- -- --- -------- --------
---
----------------------- ----- -- -
---------------- ----- ----- -- --- ------------
---
------------
------------- -- -
--------------------------
-- ------以上代码实现了一个汽车类，它可以跑起来并且可以改变颜色，当汽车跑起来或者改变颜色时会触发相应的事件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/70287