過濾器

一個 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'">

純字符串參數需要用引號包裹。無引號的參數會作為表達式在當前數據作用域內動態計算。在后面講到自定義過濾器時，我們進一步討論這些細節。

總結

以上是生活随笔為你收集整理的Vue.js过滤器概述的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。