vue3父组件中循环显示多个相同子组件，子组件如何传参给父组件

在Vue3中，子组件可以通过`emit`方法向父组件传递参数。具体步骤如下：
1. 在子组件中定义一个事件，例如`sendData`。
2. 在子组件中需要传递参数的地方，通过`$emit`方法触发该事件，并将参数作为第二个参数传递。
3. 在父组件中，通过在子组件上绑定该事件并设置回调函数，即可接收到子组件传递的参数。

例如，在子组件中定义一个事件`sendData`，并在需要传递参数的地方触发该事件：

<template>
  <div>
    <button @click="$emit('sendData', 'hello')">传递参数</button>
  </div>
</template>

<script>
export default {
  name: 'ChildComponent',
}
</script>

在父组件中，通过在子组件上绑定该事件并设置回调函数，即可接收到子组件传递的参数：

<template>
  <div>
    <ChildComponent @sendData="handleData"></ChildComponent>
    <ChildComponent @sendData="handleData"></ChildComponent>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  name: 'ParentComponent',
  components: {
    ChildComponent,
  },
  methods: {
    handleData(data) {
      console.log(data)
    },
  },
}
</script>

在上述代码中，父组件中通过在子组件上绑定`sendData`事件，并设置回调函数`handleData`，即可接收到子组件传递的参数。在这个例子中，当点击子组件中的按钮时，会触发`sendData`事件，并将参数`'hello'`传递给父组件，父组件中的`handleData`方法会接收到该参数并打印出来。