vue3.0 使用事件总线（mitt的使用）

1.安装依赖

npm install --save mitt 

2.新建event.js文件

import mitt from 'mitt'
const VueEvent = mitt();
export default VueEvent;

3.触发

<template><div><el-button type="primary" @click="changeEvt">触发事件总线</el-button></div>
</template><script >
import VueEvent from '../plugins/event'
export default {name: "dashboard",setup() {const changeEvt = ()=>{console.log(VueEvent,'VueEvent')VueEvent.emit("tomsg",{data:12313})}return {changeEvt,};},
};
</script>

4. 接收信息

<template><div></div>
</template><script setup>
import VueEvent from '../plugins/event'// 监听广播
VueEvent.on("tomsg",(value)=>{ console.log(value)})    
</script>