概要
一個 Vue.js 的過濾器本質(zhì)上是一個函數(shù)蝌蹂,這個函數(shù)會接收一個值款慨,將其處理并返回晨仑。過濾器在指令中由一個管道符 (|) 標記,并可以跟隨一個或多個參數(shù):
<element directive="expression | filterId [args...]"></element>
示例
過濾器必須放置在一個指令的值的最后:
<span v-text="message | capitalize"></span>
你也可以用在 mustache 風(fēng)格的綁定的內(nèi)部:
<span>{{message | uppercase}}</span>
可以串聯(lián)多個過濾器:
<span>{{message | lowercase | reverse}}</span>
參數(shù)
一些過濾器是可以接受參數(shù)的痴颊。參數(shù)用空格分隔開:
<span>{{order | pluralize 'st' 'nd' 'rd' 'th'}}</span>
<input v-on="keyup: submitForm | key 'enter'">
純字符串參數(shù)需要用引號包裹赏迟。無引號的參數(shù)會作為表達式在當(dāng)前數(shù)據(jù)作用域內(nèi)動態(tài)計算屡贺。