Javascript vue组件内置于v-for中，使用来自其他相关对象的数据作为道具

假设我有太多的数组看起来也很相似

const people=[{name:“Jane Doe”，id:“0001”}，{name:“John Doe”，id:“0002”}，{name:“Sam Smith”，id:“0003”}，{name:“Joe Bloggs”，id:“0004”}]

const extras=[{id:“0001”，数据：“一些数据”}，{id:“0002”，数据：“一些更多的数据”}，{id:“0003”，数据：“一些更多的数据”}，{id:“0004”，数据：“更多的数据”}）

我有一个像这样的环


< P>我想从Extas数组中发送数据属性以获得适当的ID，我不能使用计算值，因为它们不需要参数，那么我的选择是什么？我可以在每个循环中运行<代码>额外的过滤器吗？< /P> < P>在将数据传递给VUE组件
之前，您考虑合并数据吗？
const combined=people.map（person=>({
人
extras:extras.filter（（{id}）=>id==person.id）.data
}));
//这会给你
[
{
id:'001'，
姓名：“无名氏”，
额外费用：[
{
id:'001'，
数据：“更多数据”
},
{
id:'001'，
数据：“更多数据”
}
]
}
]