vue3兄弟组件传值（mitt插件）

在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使用还是比较简单的