vue3中父组件与子组件之间的数据传递

在Vue 3中，父组件与子组件之间的数据传递可以通过props和emit来实现。

1. 使用props：父组件可以通过props将数据传递给子组件。在子组件中，通过props接收父组件传递过来的数据，并在子组件中使用。
- 在父组件中，通过在子组件标签上绑定属性来传递数据，例如 `<ChildComponent :data="parentData"></ChildComponent>`。
- 在子组件中，通过props来声明接收父组件传递的数据，例如 `props: ['data']`。然后就可以在子组件中使用`this.data`来访问这个数据。

2. 使用emit：子组件可以通过emit触发自定义事件，将数据传递给父组件。
- 在子组件中，通过`$emit`方法触发自定义事件，并传递数据，例如 `this.$emit('eventName', data)`。
- 在父组件中，通过在子组件标签上绑定事件监听器来接收子组件发送的数据，例如 `<ChildComponent @eventName="handleEvent"></ChildComponent>`。
- 在父组件中，定义一个方法来处理接收到的数据，例如 `methods: { handleEvent(data) { // 处理接收到的数据 } }`。

这样，就实现了父组件与子组件之间的数据传递。需要注意的是，props是单向数据流，只能从父组件传递给子组件；而emit是通过触发事件来传递数据，可以实现子组件向父组件的数据传递。