【显示过滤/排序结果】非常实用

有时，我们想要显示一个数组过滤或排序后(filtered or sorted)的副本，而不是实际改变或重置原始数据。在这种情况下，可以创建一个返回过滤或排序数组的计算属性。

例如：

<li v-for="n in evenNumbers">{{ n }} </li>

data: { numbers: [ 1, 2, 3, 4, 5 ] }, computed: { evenNumbers: function () { return this.numbers.filter( function (number) { return number % 2 === 0 }) } }

在计算属性不适用的情况下（例如，在嵌套的 v-for 循环内），可以使用一个 method 方法：

<li v-for="n in even(numbers)">{{ n }} </li>

data: { numbers: [ 1, 2, 3, 4, 5 ] }, methods: { even: function (numbers) { return numbers.filter( function (number) { return number % 2 === 0 }) } }