Vue3:mitt快速上手
为什么要使用mitt?因为vue3已经没有提供配套的事件总线bus,需要使用第三方库mitt来完成vue2中bus完成的事情第一步:安装mitt第二步:在项目的js文件中导入mitt(局部注册)全局注册的话即在mian.js中加上这段代码第三步:实例化mitt,为方便理解,我们把实例名设为bus,并对外暴露第四步:在需要使用的vue文件中导入bus第五步:使用mitt的emit方法进行传值和on方
·
为什么要使用mitt?
因为vue3已经没有提供配套的事件总线bus,需要使用第三方库mitt来完成vue2中bus完成的事情
第一步:安装mitt
npm install mitt
第二步:在项目的js文件中导入mitt(局部注册)
// mitt.js文件
import mitt from 'mitt'
全局注册的话即在mian.js中加上这段代码
第三步:实例化mitt,为方便理解,我们把实例名设为bus,并对外暴露
export const bus = mitt()
第四步:在需要使用的vue文件中导入bus
import bus from './mitt'
第五步:使用mitt的emit方法进行传值和on方法进行接收数据
// 父组件
bus.emit('函数名', 需要传的值)
//子组件
bus.on('函数名',(接收到的值)=>{
逻辑操作
})
更多推荐
已为社区贡献9条内容
所有评论(0)