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
原文地址：https://blog.csdn.net/weixin_41829196/article/details/140540356
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！