Vue中過濾器

過濾器其本質其實就是函式，作用在於使用者輸入資料使用者，能夠進行處理，並且返回一個資料結果

基本使用方法如下：

<span> {{'abc'|uppercase}}   </span>

變成'ABC'

大致有以下幾種用法

• 字母操作：capitalize,uppercase,lowercase

• 限制：limitBy,filterBy,orderBy

• json

• currency

• debounce

同時也可以自定義過濾器

filters: {
  abc: function (value) {
   return value.charAt(0).toUpperCase() + value.slice(1)
  }
}

而同時過濾器也可以接收引數

• 單個引數

• 多引數

• 雙向過濾器

• 動態引數（過濾器引數沒有用引號包裹）

這個時候，自定義過濾器已經知道怎麼寫了，但是還是有需要的幾個注意點

• 需要給定過濾器一個唯一的表示。如果使用者自定義過濾器和內建過濾器衝突，那麼內建的過濾器就會覆蓋，如果後註冊的過濾器和之前的過濾器衝突，則之前的過濾器會被覆蓋

• 過濾器函式的作用是輸入表示式的值，經過處理後輸出。因此，定義的函式最好可以返回有意義的值。函式可以用return，但是這樣的話函式就沒有意義了