我们首先来安装一下mitt
npm i mitt安装完成之后, 我们就可以在package.json中看到了
接下来, 我们准备一下文件
在里面引入mitt, 并调用mitt获取到emitter
将其导出
那么这个能干什么呢?
可以绑定事件, 也可以销毁事件, 也可以触发事件
我们现在main.ts中将其引入
我们来使用一下mitt
绑定事件
触发事件
销毁事件
全部销毁
组件通信中使用mitt
我们先准备一个兄弟组件
现在, 我们要通过mitt实现兄弟组件之间的通信
其实mitt是可以实现任意组件通信的
我们使用子组件向兄弟组件提供数据, 要坚持以下原则
谁提供数据谁触发事件, 谁接收数据, 谁绑定事件
现在, 我们在子组件中定义一个数据
我们子组件买了个车, 准备送给兄弟组件
所以, 兄弟组件接收数据, 需要绑定事件
现在, 需要子组件触发事件, 将车送给兄弟组件
我们看看效果
现在, 我们是不是绑定事件也触发事件了, 但是, 还需要在组件的生命周期里, 再做一件事情, 就是需要移除事件
这样, 关于mitt的讲解就说完了
我们下期见
