获取VueJS所有团队中分配的所有竞争对手的列表

Question

我有一个团队列表。每个团队都有一份指定的竞争对手名单。

每个团队都应该有独特的竞争对手。

我应该如何获得在VueJS中分配的所有参赛者名单？

"teams": [
  {
    "id": 25,
    "name": "t1",
    "competitors": [
      {
        "id": 1, 
        "short_id" : 1,
        ...
      },
    ]
  },
  {
    "id": 26,
    "name": "t2",
    "competitors": [
      {
        "id": 4,
        "short_id" : 4,
        ...
      },
      {
        "id": 3,
        "short_id" : 3,
        ...
      },
      {
        "id": 5,
        "short_id" : 5,
        ...
      },
    ]
  },
  {
    "id": 28,
    "name": "t3",
    "competitors": []
  }
]

Answer 1

＆lt; pre＆gt;＆lt; code＆gt; new Vue（{   el：＆＃34;＃app＆＃34;，   数据：{     球队   }，   计算：{     竞争对手（）{       return this.teams.reduce（（acc，team）=＆gt; acc.concat（team.competitors），[]）     }   } }） ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt;＆lt; a href =＆＃34; http：//codepen.io/Kradek/pen/wJPJZL？editors = 1011＆＃34; rel =＆＃34; nofollow noreferrer＆＃34;＆gt;示例＆lt; / a＆gt;。＆lt; / p＆gt;