Vue3：mitt快速上手

本文介绍: 为什么要使用 mitt？因为vue3已经没有提供配套的事件总线 bus，需要使用第三方库mitt来完成 vue2中bus 完成的事情第一步：安装 mitt第二步：在项目的js 文件中导入 mitt（局部注册）全局注册的话即在m i an.js中加上这段代码第三步：实例化mitt，为方便理解，我们把实例名设为bus，并对外暴露第四步：在需要使用的vue 文件中导入 bus第五步：使用mitt的emit 方法进行传值和on 方法进行接收数据

为什么要使用mit t？
因为vue3已经没有提供配套的事件总线 bus，需要使用第三方库mitt来完成 vue2中bu s 完成的事情

第一步：安装mitt

npm install mitt

第二步：在项目的js 文件中导入mitt（局部注册）

// mitt.js文件
import mitt from 'mitt'

全局注册的话即在mian.js中加上这段代码

第三步：实例化mitt，为方便理解，我们把实例名设为bu s，并对外暴露

export const bus = mitt()

第四步：在需要使用的vue 文件中导入 bu s

import bus from './mitt'

第五步：使用mitt的emit 方法进行传值和on 方法进行接收数据

// 父组件
bus.emit('函数名', 需要传的值)

//子组件
bus.on('函数名'，（接收到的值）=&gt;{
	逻辑操作
})

如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。