Vue3组件通信

1、props

1.1 父传子

父组件：通过属性在子组件标签传递

子组件：通过defineProps接收

1.2 子传父

1.父组件先给子组件传递一个函数

2.子组件接收此参数（函数），并在合适的时机调用此函数，通过函数的参数，给父组件传递值。

2、自定义事件（子传父）

3、mitt

实现任意组件通信。

需要注意的是发送方和接收方，比如a给b发送数据：

• 则a为发送方 ----需要触发事件（发送事件）---调用 emit
• b为接收方    ----需要订阅事件（绑定事件） ---调用 on

3.1 定义

3.2 main.ts注入

3.3使用

• on()
• off()
• emit()

3.4 实战- 任意组件间通信

3.4 总结

记住3个api即可，on,emit,off，在需要的时候emit发送事件并传递数据，使用on订阅事件并接收数据，组件卸载前再去注销事件即可。

4、v-model

4.1 如何在组件上面使用v-model

4.2 $event到底是什么 

5、$refs和$parents

需要配合defineExpose宏函数使用。

代码：

6、props

7、props

8、props

9、props