vue3 兄弟组件传值方法 使用中间件mitt------进行兄弟元素传值

首先下载依赖

npm install --save mitt
1

建立中间件bus.ts文件，导入mitt依赖

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

在发送值的兄弟组件引入，发送自定义事件，并进行传值。

import bus from '@/lib/bus'
bus.emit('saveUseInfo', demo.value);
1
2

在onmounted生命周期内接收值的兄弟组件引入，接受自定义事件和值。

import bus from '@/lib/bus'
onMounted(() => {
	bus.on('saveUseInfo', (value) => {
		console.log(value)
	});
});
1
2
3
4
5
6