Vue中使用Mitt
Mitt是一个在Vue.js应用程序中使用的小型事件总线库。该库允许组件进行通信,而不必过度依赖父级或子级组件之间的props。
Mitt的特性和功能介绍
- 轻量级: Mitt只有200字节大小,不会增加你的应用程序的负担
- 方便易用:只需要引入mitt并配置即可使用
- 支持任何Javascript环境:Mitt支持在任何Javascript环境下使用,不仅限于Vue
- 应用场景:组件通信
引入Mitt
安装依赖
执行安装命令
npm install --save mitt
在src目录下面,新建/libs/bus.js
,内容如下:
// 事件总线第三方库:
import mitt from 'mitt'
const bus = mitt()
export default bus
使用
import bus from '@/libs/bus.js'
//in component A 触发
bus.emit('event-name', eventData)
//in component B 监听
bus.on('event-name', eventData => { /* do something with eventData */ })
标签:Vue,bus,Mitt,Vue3,js,使用,eventData,mitt
From: https://www.cnblogs.com/GardenofEden/p/17272922.html