Vue.js Vue：插入动态数量的道具？

我试图制作一个动态组件，父级可以传入数据来塑造它。我被困在如何插值索引作为传入道具的一部分。我想这是可能的，但我想我只是插错了

//母公司

//箱形元件

---

像@yuriy636一样，我建议您传递一个名为box的对象数组

如果您假设框如下所示：

[
 {title: "Hi"},
 {title: "Foo"},
 {title: "Test"}
]

您可以简单地执行以下操作：

//母公司

//箱形元件

---

你考虑过重构它以接受数组吗？这主意不错。我可以创建一个包含“title”、“body”和其他我需要的数据的对象数组

   <div v-for="(box,index) in numberOfBoxes">
       <div class="title">
           {{boxTitle + ${index}}} <-----
       </div>
   </div>

[
 {title: "Hi"},
 {title: "Foo"},
 {title: "Test"}
]

<div>
   <box-component :boxes="boxes"/>
</div>

   <div v-for="box in boxes">
       <div class="title">
           {{ box.title }}
       </div>
   </div>