使用方式1
安装mitt
pnpm
pnpm i mitt
npm
npm i mitt
yarn
yarn add mitt
在main.ts文件中导入mitt
import mitt from "mitt";
//...
const app = createApp(App);
app.config.globalProperties.Bus = mitt();
app.mount("#app");
在.vue文件中使用
<script setup lang="ts">
import {ComponentInternalInstance} from "vue";
const {Bus} = (getCurrentInstance() as ComponentInternalInstance).appContext.config.globalProperties;
const emitEvent = () => {
Bus.emit("eventName"); // 触发的事件名称
}
</script>
<template>
<button @click="emitEvent">触发事件</button>
</template>
<script setup lang="ts">
import {ComponentInternalInstance} from "vue";
const {Bus} = (getCurrentInstance() as ComponentInternalInstance).appContext.config.globalProperties;
// 触发的事件名称
Bus.on("eventName",() => {
// 做些什么
});
</script>