vue3组件通讯的几种方式_vue3兄弟组件之间通信

// 要在js中使用父组件传过来的数据，需要储存在变量中，使用方式是 props.xxx 。
const addNumber = computed(() => {
return props.number + 2
})

 注意：如果使用defineProps接收数据，这个数据只能在模板中渲染，如果想要在script中也操作props属性，应该接收返回值。


#### 2.子传父


（1)子组件通过defineEmit获取emits对象（因为没有this),子组件通过emits触发事件，并且传递数据

我是子组件

  (2)在父组件通过自定义事件的方式给子组件注册事件

我是父组件---{ { number }}

#### 3.兄弟组件之间的传值


（1）下载第三方插件 yarn add mitt


（2）新建 src/utils/eventBus.js文件，想用的时候再引入, 

import mitt from ‘mitt’
const bus = mitt()
export default bus

新建 src/utils/EVENTS.js文件，用于存放方法

export default {
SENDTOBROTHER: “SENDTOBROTHER”
}

在数据的发送方组件

我是兄弟组件1，发送方

在数据的接收方组件