在vue2项目中,我们要在兄弟组件之间传值,要在声明一个vue示例,bus事件总线,传值的话使用bus.$emit,接收值使用bus.$on,但是在vue3中有些不一样,几天记录一下在vue3中使用mitt开进行兄弟组件传值
首先要使用mitt,先要下载
npm install mitt -S
然后新建 utils.js
import mitt from "mitt";
const emiter = mitt();
export default emiter;
然后再要发送的组件导入这个组件
import emiter from "@/utils/Bus.js";
然后在要发送的组件中使用:
//自定义事件,点击按钮发送数据
const emitclick = () => {
emiter.emit('event',msg)
}
在要接收信息的组件中
emiter.on('event',(data)=>{
console.log(data,'兄弟组件传值');
})
mitt使用还是比较简单的