Javascript Vue JS通过对象内的动态键访问对象

我在Vue JS 2.x中有一个

v-for

循环，它在一个对象数组上循环，数组中的每个对象都有一个“键”，基本上类似于一个名称，但它是动态的，不会保持一致。我正在尝试访问与该键相关的数据，以便显示我的

v-for

循环中的信息，以下是我的数据在数组中的外观

[{
  "6457": {
    "agent": {
      "id": 4003,
      "memFree": 0
    }
  }
}, {
  "7809": {
    "agent": {
      "id": 7809,
      "memFree": 20
    }
  }
}]

我希望我可以通过使用

[0]

访问密钥，但在这种情况下，这似乎不会返回任何信息

{{server}}
{{server.memFree}
{{server[0].memFree}

---

我在这里遗漏了什么？

将模板修改为

<div v-for="(server, index) in servers" :key="index">
  <div v-for="(agentData, property) in server" :key="property">
    {{ agentData.agent.memFree }}
  </div>
</div>

{{agentData.agent.memFree}

将模板修改为

<div v-for="(server, index) in servers" :key="index">
  <div v-for="(agentData, property) in server" :key="property">
    {{ agentData.agent.memFree }}
  </div>
</div>

{{agentData.agent.memFree}

{{Object.values（服务器）[0].agent.memFree}

{{Object.values（服务器）[0].agent.memFree}