vue3应用bus一般在研发时会应用即时开启

vue3应用bus

一般在研发时会应用即时开启，bus就能帮助我们完成。

1.组装mitt
npm install --save mitt

2.创建bus.ts文档

import mitt from 'mitt';
export default mitt();

3.在需要用到的区域引进bus.ts文档，根据需求引入

import bus from '/@/utils/bus';

开启方：

let params={
    name:'张三'
}
bus.emit('test', params);
// test为开启标志，params为传参

接收方：

// test为开启标志，msg为接参
onMounted(() => {
    bus.on('test', function (msg) {
        console.log('bus接受', msg);
    });
});
// {name:'张三'}

//离去网页页面解除绑定bus
onUnmounted(() => {
    bus.off('test');
});

注：开启放和接收方都要引进bus.ts文档