Vue filter介紹及其使用

創(chuàng)新互聯(lián)成立于2013年，先為沭陽等服務(wù)建站，沭陽等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為沭陽企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

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ì)使用介紹完畢