Vue.js 如何显示对象键值？

我需要显示对象的键值。这是我的密码：

new Vue({
  el: '#app',
  data: {
    x: {"2018-05-11":{"may":4,"june":8,"april":5}}
  }
})

在我的模板中，我想显示：

2018-05-11

，但不是

{“2018-05-11”：{“五月”：4，“六月”：8，“四月”：5}

。我怎么能做到

---

您始终可以创建一个

计算的
方法：


newvue({
el:“#应用程序”，
数据：{
x:{
"2018-05-11": {
"五月":四,，
"六月八日":，
“四月”：5
}
}
},
计算：{
foo（）{
返回Object.keys（this.x）[0]
}
}
})

{{foo}}

您可以使用computed和Object.keys作为返回键的值

例如：


newvue({
el:“#应用程序”，
数据：{
x:{
"2018-05-11": {
"五月":四,，
"六月八日":，
“四月”：5
}
}
},
计算：{
日期（{
返回Object.keys（this.x）[0]；
}
}
});

我的约会对象是{date}

我甚至创建了一个函数来执行此过程

HTML

<p v-for="entidade in relato.entidade">${acessaEntidade(entidade)}</p>

在这种情况下，我有一个加载的变量，该变量有索引，1，2，3。。。我获取这些索引并在一个新函数中进行查询，通过查询另一个变量返回值。如果您需要帮助，请通过电子邮件告诉我：）
值
x
是否总是单数？仅显示
键后您想做什么？
acessaEntidade: function (id) {
            return this.entidades['nome' + id]
        },