在 Vue 3 中，父子组件之间的通信可以通过多种方式实现，包括属性传递、事件监听、插槽以及 ref 和 provide/inject。以下是这些通信方式的详解：

1. 属性传递（Props）

子组件向父组件传递数据：

子组件通过 props 接收来自父组件的数据。

子组件（ChildComponent.vue）:

<script setup>javascript">
const props =