Vue.js 如何将数据表迭代到vutify中？

我想在vuetify板上迭代我的安排，但我还没有找到逻辑，因为我从vue开始，如果有人能给我一个如何迭代vutify板的例子，那就太完美了

例如：

 <article class="artkccle-item" v-for="person in persons" :key="person.id">
  <v-data-table :headers="headers"  :items-per-page="5" class="elevation-1">
    <v-item>{{person.id}}</v-item>

  </v-data-table>
</article>

{{person.id}

---

persons是我的数组

如文档所述，您必须提供表格标题说明和表格内容

标题的描述必须是如下所示的对象：

headers: [
  {
    text: 'Dessert (100g serving)',
    align: 'left',
    sortable: false,
    value: 'name',
  },
  ...
]

值键是最重要的，因为它是将在每行项目中拾取以显示的键。

提供标题后，请提供您的数据：

{
   name: 'Frozen Yogurt',
   calories: 159,
   fat: 6.0,
   carbs: 24,
   protein: 4.0,
   iron: '1%',
}

使用上面提供的标题，表将只有一列，只有一行包含数据“冻结酸奶”（从对象的“name”键中选择）

有关信息，您可以使用“”图标查看每个vuetify文档示例的代码详细信息，您将看到完整的示例

---

您不需要迭代数据表，它必须有一些道具来提供您的数组，并且它会自己迭代。您能给我一个例子吗？检查这个例子，这里的甜点是数据数组，标题是每列的标题。我正在使用这个例子，但我仍然不知道如何调整它以通过我的数组：/