vue对数组中某一属性取出

在Vue中，如果你需要从数组中提取出某个属性的值形成一个新的数组，可以使用JavaScript的数组方法 `map` 来实现。`map` 方法会对数组中的每个元素执行一个函数，并返回一个新的数组，这个新数组的元素是原数组元素通过回调函数处理后的结果。

下面是一个使用Vue和JavaScript的 `map` 方法提取数组中对象属性值的例子：

<template>
  <div>
    <!-- 这里展示提取出来的数组 -->
    <ul>
      <li v-for="item in items" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 假设有一个数组，其中包含了对象，每个对象都有一个name属性
      items: [
        { id: 1, name: 'Alice' },
        { id: 2, name: 'Bob' },
        { id: 3, name: 'Carol' }
      ]
    };
  },
  computed: {
    // 使用computed属性来获取所有name属性的值
    names() {
      return this.items.map(item => item.name);
    }
  }
};
</script>

在这个例子中，我们有一个名为 `items` 的数组，它包含多个具有 `id` 和 `name` 属性的对象。我们创建了一个计算属性 `names`，它使用 `map` 方法来遍历 `items` 数组，并返回一个只包含 `name` 属性值的新数组。这样我们就可以在模板中使用这个计算属性 `names` 来展示所有的名字。