vue3中$on,$off 和 $once 实例方法已被移除,组件实例不再实现事件触发接口。可以使用Mitt库(其实就是发布订阅模式的设计)
安装
$ npm install --save mitt
内置方法
发布事件
mybus.emit('自定义事件名称','数据');
使用方法通过emit派发, on 方法添加事件,off 方法移除,clear 清空所有
新建mitt文件夹,index.ts
import mitt from 'mitt'
type Event={
name:string
}
const emitter = mitt<Event>();
export default emitter
派发
const change=()=>{
emitter.emit('name','dd')
}
获取文章来源:https://www.toymoban.com/news/detail-679908.html
emitter.on('name',e=>{
console.log(e)
})
如果在setup中派送参数,需要写在onMounted文章来源地址https://www.toymoban.com/news/detail-679908.html
onMounted(()=>{
emitter.emit('name','ii')
})
//获取
emitter.on('name',e=>{
console.log(e)
})
到了这里,关于vue3全局事务总线mitt的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!