Vue3 兄弟组件传参

前言：有啥不懂的直接看我最下面手写笔记，很清楚的

相关：父子组件传参>：vue3 父子组件传参详解_vue3父子组件传参-CSDN博客

1. 下载插件
npm install mitt -S   
2. 新建mitt.ts文件  （ts写法）

import mitt, { Emitter } from 'mitt';
// 类型
const emitter: Emitter<MittType> = mitt<MittType>();
// 导出
export default emitter;

        关于MittType是什么看最下面我手写的笔记

3. 用时

        不管是接收还是传递时都需要先引入

import mittBus from '@/utils/mitt';

        （1）接收
                

mittBus.on('xxx', (val?:any) => {
    函数操作
});

                离开时，记得摧毁，不然会一直监听

// 页面卸载时
onUnmounted(() => {
	mittBus.off('xxx');
});

        （2）传递

mittBus.emit('xxx', {
			name:'三两',
			age:'18forever',
		});

下面是我手写的笔记，稍微详细一点

               

注意里面的mounted是onMounted哈，不想改了，就这样