vue 把循环的数据当成多个参数

Vue.js 中，当你需要遍历一个数组或其他可迭代数据，并希望将每个元素作为独立的参数传递给一个组件的 props 或方法时，可以使用 `v-for` 指令结合 `props` 功能来实现。例如：

<template>
  <div>
    <parent-component v-for="item in items" :key="item.id" :prop1="item.property1" :prop2="item.property2">
    </parent-component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { property1: 'value1', property2: 'value2' },
        { property1: 'value3', property2: 'value4' },
        // 更多项...
      ]
    }
  }
}
</script>

在这个例子中，`items` 数组中的每一项都会创建一个新的 `parent-component` 实例，每个实例都有自己对应的 `prop1` 和 `prop2` 值。`:key` 属性用于保证唯一标识，避免渲染时出现问题。