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>