Vue3组件间通信通过回调函数传递数据

---

一、前言

在 Vue 3 中，组件之间的通信是一个重要的主题。在许多情况下，你可能需要从子组件向父组件传递数据或触发父组件中的某些方法。本文将介绍一种常见的方法，即通过回调函数来实现组件之间的通信，并且在回调函数中传递数据。

1、使用场景

假设我们有一个父组件 ParentComponent 和一个子组件 ChildComponent。我们希望当用户在子组件中执行某些操作时，能够触发父组件中的方法，并且将一些数据传递给父组件。

2、实现方法

1. 父组件中定义回调方法

在父组件中，首先要定义一个回调方法，用于接收从子组件传递过来的数据。

<!-- ParentComponent.vue -->
<template>
  <div>
    <ChildComponent :callback="handleCallback" />
  </div>
</temp