VUE3兄弟组件间通信--全局事件总线MITT

1、VUE3项目要额外安装全局事件总线MITT，在项目目录下运行：

npm install --save mitt

2、src目录下新建bus文件夹–index.ts文件中,注册组件

//引入mitt插件:mitt一个方法,方法执行会返回bus对象
import mitt from 'mitt';
const $bus = mitt();
export default $bus;

3、在兄弟组件引入$bus

import $bus from '../bus';

4、向$bus写入参数， $bus.emit（）

rowClick(row) {      
      $bus.emit('Cal', row.Cal);
    },

5、从$bus读取参数， $bus.on（参数1，参数2）

//第一个参数:即为事件类型  第二个参数:即为事件回调
 $bus.on("Cal", (param) => {
    console.log('Cal:' + param);
 });