文檔原文

過濾器可以用在兩個地方：雙花括號插值和 v-bind 表達式 (后者從 2.1.0+ 開始支持)。

https://jsfiddle.net/rusa1Lrr/1/

文檔： 主要 可以用在哪兩個地方

Vue.js 允許你自定義過濾器，可被用于一些常見的文本格式化。過濾器可以用在兩個地方：雙花括號插值和 v-bind 表達式 (后者從 2.1.0+ 開始支持)。過濾器應(yīng)該被添加在 JavaScript 表達式的尾部，由“管道”符號指示：

filters你寫在哪一級了？
要跟 data, methods 同一級
{

data(){
},
methods: {},
filters: {}

}

vue有這種寫法嗎？

給你一個官網(wǎng)上的思路，也是我自己用的思路。

原始數(shù)組在data中，在methods中增加一個過濾處理，然后循環(huán)的對象變成methods計算后的數(shù)組就好了

<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
    })
  }
}