文章目录
-
-
-
- 1. 属性传递（Props）
- 2. 事件监听（ Emits）
- 3. `ref` 引用
- 4. `provide` 和 `inject`
- 5. 插槽（Slots）
在 Vue 3 中，父子组件之间的通信可以通过多种方式实现，包括属性传递、事件监听、插槽以及 ref 和 provide/inject。以下是这些通信方式的详解：
1. 属性传递（Props）
子组件向父组件传递数据：
子组件通过 props 接收来自父组件的数据。
子组件（ChildComponent.vue）:
<script setup>
const props =
