在Vue的開發(fā)過程中，往期濾鏡是非常常見的一個需求。因此，Vue也提供了一些常用的濾鏡，用于對數(shù)據(jù)的處理和展示。以下分別介紹一下這些濾鏡。

//1. uppercase
{{ message | uppercase }}
//2. lowercase
{{ message | lowercase }}
//3. capitalize
{{ message | capitalize }}
//4. currency
{{ price | currency }}
//5. json
{{ object | json }}
//6. pluralize
{{ count | pluralize }}
//7. slice
{{ array | slice(start, end) }}
//8. orderBy
{{ item.name }} - {{ item.age }}
computed: {
sortedItems: function () {
return this.items.sort(function (a, b) {
return a.age - b.age
})
}
}
//9. filterBy
{{ item.name }} - {{ item.age }}
computed: {
filteredItems: function () {
return this.items.filter(function (item) {
return item.age >20
})
}
}
//10. limitBy
{{ item.name }} - {{ item.age }}
computed: {
limitedItems: function () {
return this.items.slice(0, 2)
}
}

uppercase濾鏡：將字符串轉為大寫格式

lowercase濾鏡：將字符串轉為小寫格式

capitalize濾鏡：將字符串首字母大寫

currency濾鏡：將數(shù)字轉為貨幣格式

json濾鏡：將對象轉為JSON格式

pluralize濾鏡：根據(jù)數(shù)量返回單詞的復數(shù)形式

slice濾鏡：截取數(shù)組的一部分

orderBy濾鏡：按照某個屬性對數(shù)組進行排序

filterBy濾鏡：根據(jù)某個條件過濾數(shù)組

limitBy濾鏡：限制數(shù)組的長度

以上是Vue中提供的一些常用濾鏡。通過濾鏡，我們能夠更加便捷地對數(shù)據(jù)進行處理和展示。