vue获取json对象的key

Vue.js是一种前端JavaScript框架，用于构建用户界面。在Vue.js中，可以使用 Object.keys() 方法来获取JSON对象的所有key。

举例来说，如果你有一个名为 data 的JSON对象，可以这样获取它的所有key:

let json = {
   "name": "John",
   "age": 30,
   "city": "New York"
let keys = Object.keys(json);
console.log(keys); // ['name', 'age', 'city']
如果要在Vue中使用这个方法，可以在Vue实例的methods中定义一个方法，在该方法中调用Object.keys()
new Vue({
  el: "#app",
  data: {
    json: {
      "name": "John",
      "age": 30,
      "city": "New York"
  methods: {
    getKeys() {
      return Object.keys(this.json)
之后可以在template中使用这个方法
<template>
    <p v-for="key in getKeys()">{{key}}</p>
  </div>
</template>
其中v-for是一个Vue.js指令，用于循环遍历数组或对象。