vue 循环创建组件动态传参

可以使用 `v-for` 指令循环创建组件，并通过动态绑定属性来动态传递参数。例如：

<template>
  <div>
    <my-component v-for="(item, index) in items" :key="index" :name="item.name" :age="item.age"></my-component>
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue';

export default {
  components: {
    MyComponent
  },
  data() {
    return {
      items: [
        { name: 'Alice', age: 22 },
        { name: 'Bob', age: 25 },
        { name: 'Charlie', age: 30 }
      ]
    }
  }
}
</script>

在上面的例子中，我们通过 `v-for` 循环遍历 `items` 数组，并将每个元素的 `name` 和 `age` 属性通过动态绑定传递给 `MyComponent` 组件。在 `MyComponent` 中可以通过 `props` 接收这些属性并进行使用。