Typescript 如何获取API并映射nuxt.js中数据表的数据

我真的需要别人的帮助。关于这个问题我试了很多次，但每次都失败了。。。。。。。 在我的目标中，我希望获得映射到数组的API数据，包括名称、id和电子邮件。最后，该数据被放入数据表中。 请有人给我建议？ 我真的必须理解我的新项目。请帮帮我

[开发选项卡中的错误消息]

避免使用非原语值作为键，而是使用字符串/数字值

{{item.postId}
{{item.email}
{{item.name}
从“nuxt属性装饰器”导入{Component，Vue}；
从“axios”导入axios；
@组成部分
导出默认类AxioPractice扩展Vue{
项目：任何[]=[]；
标题=[
{文本：“id”，值：“postId”}，
{文本：“名称”，值：“名称”}，
{文本：“电子邮件”，值：“电子邮件”}
];
异步装入（）{
const response=等待axios.get(
"https://jsonplaceholder.typicode.com/posts/1/comments"
);
this.items=response.data.map（（注释：any）=>({
posted:comment.posted，
电子邮件：comment.email，
名称：comment.name
}));
}
}

您应该在v-for循环中使用原语值作为键，例如字符串或数字。不要像以前那样使用数组或对象，简单的解决方案是使用循环索引作为键：

 <tr v-for="(item,index) in items" :key="index">

如果您想自定义某些列，请选中此项

 <tr v-for="(item,index) in items" :key="index">

 <v-data-table dense :headers="headers" :items="items" class="elevation-1">
    
    </v-data-table>