Vue filter介紹及其使用

VueJs 提供了強(qiáng)大的過濾器API，能夠?qū)?shù)據(jù)進(jìn)行各種過濾處理，返回需要的結(jié)果。

Vue.js自帶了一些默認(rèn)過濾器例如：

capitalize 首字母大寫

uppercase 全部大寫

lowercase 全部小寫

currency 輸出金錢以及小數(shù)點(diǎn)

pluralize 輸出復(fù)數(shù)的形式

debounce 延期執(zhí)行函數(shù)

limitBy 在 v-for 中使用，限制數(shù)量

filterBy 在 v-for 中使用，選擇數(shù)據(jù)

orderBy 在 v-for 中使用，排序

在Vue中還自帶了filter自定義過濾器代碼說明一切： 

下面一個(gè)實(shí)例講解Vue自帶過濾器的使用：

效果圖：

上代碼：

至此Vue filter的介紹及詳細(xì)使用介紹完畢