vue3 子传父 父传子 子调父 父调子

在Vue3中，可以通过props和$emit来实现子组件向父组件传递数据，父组件向子组件传递数据，子组件调用父组件的方法，父组件调用子组件的方法。

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

1. 在子组件中通过props定义需要传递给父组件的数据。
2. 在子组件中通过$emit触发一个自定义事件，并传递需要传递的数据。

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

1. 在父组件中通过props定义需要传递给子组件的数据。
2. 在父组件的模板中使用子组件，并通过v-bind将父组件的数据传递给子组件。

子调父（子组件调用父组件的方法）：

1. 在父组件中定义一个方法。
2. 在子组件中通过$emit触发一个自定义事件，并通过事件参数调用父组件的方法。

父调子（父组件调用子组件的方法）：

1. 在子组件中使用ref获取到子组件的实例。
2. 在父组件中通过ref获取到子组件的实例，并调用子组件的方法。

注意：在Vue3中，可以使用ref和setup函数来实现子组件调用父组件的方法和父组件调用子组件的方法。