Vue2里如何接收计算属性计算出来的数组

在Vue2中，你可以使用计算属性来计算并返回一个数组。计算属性可以接收其他属性的值，并根据这些值进行计算。下面是一个示例：

<template>
  <div>
    <ul>
      <li v-for="item in sortedArray" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Item 1', price: 10 },
        { id: 2, name: 'Item 2', price: 5 },
        { id: 3, name: 'Item 3', price: 15 }
      ]
    };
  },
  computed: {
    sortedArray() {
      // 在计算属性中，你可以根据需要对数组进行排序、过滤等操作
      return this.items.sort((a, b) => a.price - b.price);
    }
  }
};
</script>

在上面的示例中，我们定义了一个名为`items`的数据属性，它是一个包含了多个对象的数组。然后，我们定义了一个计算属性`sortedArray`，它通过对`items`数组进行排序来返回一个新的数组。在模板中，我们使用`v-for`指令遍历`sortedArray`并显示每个对象的`name`属性。

这样，当`items`数组发生改变时，`sortedArray`会自动更新，并且模板中的列表也会相应地更新。