vue3非父子组件通信之mitt库(事件总线）

1、安装mitt库

npm install mitt

2、在utils目录下新建emitter.js文件暴露事件总线

import mitt from "mitt";

const emitter = mitt();

export default emitter;

3、触发自定义事件

emitter.emit(eventType, params)

例：

emitter.emit('changeBillShip', { value: record.ownername });

4、注册并监听自定义事件

emitter.on(eventType, callback)

例：

 emitter.on('changeBillShip', (obj: any) => {

  reportInfos.shippingcompany = obj.value;

 });