vue3中如何使用事件总线

猛男敲代码

于 2022-12-06 17:57:37 发布

阅读量370

点赞数

本文链接：https://blog.csdn.net/Davoid/article/details/128207229

版权

一、安装插件

npm install mitt

二、引入（main.js）

import mitt from "mitt"
import {createApp} from "vue"
const app = createApp({})

//挂载全局API 
app.config.globalProperties.$bus = new mitt()

三、使用

<script setup>
//获取当前组件实例
const { proxy } = getCurrentInstance();

//绑定事件
proxy.$bus.on("appLoading", (res) => {
     console.log('动作执行')
});

</script>

<script setup>
//获取当前组件实例
const { proxy } = getCurrentInstance();

//触发事件 
proxy.$bus.emit("appLoading", true);

</script>