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);
});