[toc] ## 概要 一個 Vue.js 的過濾器本質上是一個函數，這個函數會接收一個值，將其處理并返回。過濾器在指令中由一個管道符 (|) 標記，并可以跟隨一個或多個參數： ~~~ <element directive="expression | filterId [args...]"></element> ~~~ ## 示例 過濾器必須放置在一個指令的值的最后： ~~~ <span v-text="message | capitalize"></span> ~~~ 你也可以用在 mustache 風格的綁定的內部： ~~~ <span>{{message | uppercase}}</span> ~~~ 可以串聯多個過濾器： ~~~ <span>{{message | lowercase | reverse}}</span> ~~~ 參數 一些過濾器是可以接受參數的。參數用空格分隔開： ~~~ <span>{{order | pluralize 'st' 'nd' 'rd' 'th'}}</span> <input v-on="keyup: submitForm | key 'enter'"> ~~~ 純字符串參數需要用引號包裹。無引號的參數會作為表達式在當前數據作用域內動態計算。在后面講到自定義過濾器時，我們進一步討論這些細節。 上述示例的具體用法參見完整的內建過濾器列表。