Vue之mitt事务总线使用方法

//导入vue创建命令
import { createApp } from 'vue';
//导入vue入口组件
import App from './App.vue';
//导入插件mitt
import mitt from "mitt"
...
//创建Vue应用实例
const app = createApp(App)
//挂载事务总线为全局属性
app.config.globalProperties.$mybus = new mitt()
...
app 是自定义Vue实例名
mybus 是自定义总线属性名

this.$mybus.on('自定义事件名称',data=>{
    console.log(data); //控制台输出接收到的数据
})

/src/myplugins/mybus.js
import mitt from 'mitt'
export default mitt()

<template>
...
</template>
<script>
import mybus from "../myplugins/mybus";
...
export default {
...
}
</script>
<style>
...
</style>
注意：
组件中导入文件mybus.js使用相对路径