vue中Object.values作用

在Vue中，Object.values()方法可以将对象的属性值转化为数组。这个方法可以用于将对象的属性值映射到组件的模板中。例如，如果你有一个包含用户信息的对象，你可以使用Object.values()方法将这些信息转换为数组，然后在Vue组件中使用v-for指令来遍历这个数组并渲染用户信息。

以下是一个使用Object.values()方法的Vue组件示例：

<template>
  <div>
    <h2>用户信息</h2>
    <ul>
      <li v-for="user in users" :key="user.userName">
        {{ user.userName }} - {{ user.age }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      users: {
        name: { userName: '小花', age: '11' },
        name1: { userName: '小蓝', age: '12' },
        name2: { userName: '小红' },
        name3: { userName: '小黑' }
      }
    };
  },
  computed: {
    userArray() {
      return Object.values(this.users);
    }
  }
};
</script>

在这个示例中，我们使用Object.values()方法将users对象的属性值转换为数组，并将其存储在computed属性userArray中。然后，我们在模板中使用v-for指令遍历userArray数组，并渲染每个用户的信息。