vue 对象获取key

在 Vue.js 中，可以使用两种方式来获取对象的 key。

1. 使用`Object.keys()`方法获取对象的 key 数组：

const obj = {
  key1: 'value1',
  key2: 'value2',
  key3: 'value3'
};

const keys = Object.keys(obj);
console.log(keys); // 输出 ['key1', 'key2', 'key3']

2. 使用`for...in`循环遍历对象的 key：

const obj = {
  key1: 'value1',
  key2: 'value2',
  key3: 'value3'
};

for (let key in obj) {
  console.log(key); // 依次输出 'key1', 'key2', 'key3'
}

以上两种方法都可以在 Vue 组件中使用。如果你想在模板中获取对象的 key，可以使用`v-for`指令来遍历对象。例如：

<template>
  <div>
    <div v-for="(value, key) in obj" :key="key">
      {{ key }}: {{ value }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj: {
        key1: 'value1',
        key2: 'value2',
        key3: 'value3'
      }
    };
  }
};
</script>

在上述代码中，我们使用`v-for="(value, key) in obj"`来遍历对象，并通过`:key="key"`将 key 绑定到每个元素的 key 属性上。这样就可以在模板中获取对象的 key 和 value 了。