過濾器的作用
在使用插值表達式的時候，我們通常會有一種需求，就是將數據進行二次的格式化(比如日期的格式化)，Vue的過濾器的實現參考了linux的shell命令的管道的實現原理，即上一個命令的輸出是下一個命令的輸入,Vue.js 允許你自定義過濾器，作用是處理一些常見的文本格式化，過濾器可以用在雙花括號插值和v-bind表達式上(后者從2.1.0+開始支持)。
全局過濾器和局部過濾器
有兩種方式注冊過濾器：全局注冊和局部注冊。
過濾器的使用
過濾器函數接受表達式的值作為第一個參數。過濾器還可以串聯：{{ message | filterA | filterB}} 也就是{{ 數據| 過濾器A | 過濾器B }} 過濾器是JS函數，因此可以接受參數：{{ message | filterA(‘arg1’,arg2) }} 這里，message 是第一個參數，字符串 ‘arg1’ 將傳給過濾器作為第二個參數， arg2 表達式的值將被求值然后傳給過濾器作為第三個參數。除了在插值表達式里可以用過濾器外，在v-bind指令中也可以使用過濾器，與其用法一致。
下面看個實際應用例子，先來看下效果圖，如下圖:
模板上代碼如下:
data里數據如下：
當蘋果數量減為0時給它一個背景色為紅色的禁用樣式:
寫上本地過濾器，接收兩個參數:
再來看個全局過濾器的例子，最終效果圖如下:
代碼如下圖:
如果咱們不加過濾器處理，那顯示的日期會是Wed Apr 22 2020 23:41:34 GMT+0800 (中國標准時間)，但經過過濾器里的回調函數處理后就顯示成了2020-04-22 23:41:34
轉：https://blog.csdn.net/qq_37635012/article/details/105839101