vue3使用事件总线Bus实现兄弟组件通信

安装 mitt

yarn add mitt

创建一个文件: bus.ts

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

在使用的地方引入 bus.ts

import Bus from "#/assets/js/tool/bus";

Bus.emit('openv-erify')

在兄弟界面监听 cpenv-erify

import Bus from '#/assets/js/tool/bus';

Bus.on('openv-erify', () => {
    //你要处理的逻辑
});

你也可以将bus.ts文件在main.js引入并注入全局

posted @ 2025-02-14 16:27  龙卷风吹毁停车场  阅读(34)  评论(0)    收藏  举报