Vue过滤数组副本

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

  例如：

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

...
export default
{
   ...
   data: {
      numbers: [ 1, 2, 3, 4, 5 ]
   },

   computed: {
      evenNumbers: function () {
      return this.numbers.filter(function (number) {
         return number % 2 === 0
      })
   }
   ...
}

   或者，您也可以使用method 方法 (例如，在嵌套 v-for 循环中)：

<li v-for="n in even(numbers)">{{ n }}</li>
...
export default{
    ...
    data: {
       numbers: [ 1, 2, 3, 4, 5 ]
    },
   
    methods: {
      even: function (numbers) {
        return numbers.filter(function (number) {
            return number % 2 === 0
        })
      }
    }
...
}