JDxu
开发
获得徽章 0
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
Vue3笔记_mitt库(事件总线)
vue3移除了$on,$off等自带的自定义事件相关的方法，因此在vue3中他推荐我们下载mitt库来使用事件总线传递数据，其实mitt的使用方式和vue原本的自定义事件使用方式相同。
1，安装mitt库 ；；npm i mitt
2，使用mitt库
2.1，在src下的tool建一个mitt.js,暴露出事件总线对象。图一
2.2，在指定组件中导入并使用它！图二发送，图三接收
3，事件总线的其他用法：图四
// emitter.on的第一个参数如果是 * 代表监听所有的事件触发！
// 这时，回调函数的参数就会有2个，1是事件的类型，2是实际实参
emitter.on("*",(eventType,item)=>{
console.log(`* 监听到的事件类型是：${eventType},接收的参数为：`,item)
})
4，mitt的事件取消： 图五
4.1，取消所有mitt事件 emitter.all.clear()
4.2 取消指定事件emitter.off('foo',onFoo)
参考帖子：
blog.csdn.net
vue3移除了$on,$off等自带的自定义事件相关的方法，因此在vue3中他推荐我们下载mitt库来使用事件总线传递数据，其实mitt的使用方式和vue原本的自定义事件使用方式相同。
1，安装mitt库 ；；npm i mitt
2，使用mitt库
2.1，在src下的tool建一个mitt.js,暴露出事件总线对象。图一
2.2，在指定组件中导入并使用它！图二发送，图三接收
3，事件总线的其他用法：图四
// emitter.on的第一个参数如果是 * 代表监听所有的事件触发！
// 这时，回调函数的参数就会有2个，1是事件的类型，2是实际实参
emitter.on("*",(eventType,item)=>{
console.log(`* 监听到的事件类型是：${eventType},接收的参数为：`,item)
})
4，mitt的事件取消： 图五
4.1，取消所有mitt事件 emitter.all.clear()
4.2 取消指定事件emitter.off('foo',onFoo)
参考帖子：
blog.csdn.net
展开
1
2