web前端技巧|vue過濾器的那點(diǎn)事

      關(guān)于vue的過濾器，其實(shí)在vue1.0的時(shí)候是內(nèi)置了過濾器的，但是自從到了2.0之后就被去掉了，但是我們可能還會(huì)使用到，所以就需要自己定義過濾器了，下面小千就帶你了解一下如何定義過濾器和過濾器都有哪些種類。

      vue 過濾器分類

      過濾器分為兩種，一種是局部過濾器，一種全局過濾器。所有的過濾器都是函數(shù)，并且參數(shù)為要過濾的數(shù)據(jù)。

      局部過濾器：只允許在當(dāng)前組件中使用

      全局過濾器：所有組件都可以使用

      1.局部過濾器

      以上代碼 filters 這個(gè)對(duì)象定義的就是局部過濾器，下面代碼展示在組建中如何使用過濾器：

      當(dāng)然你也應(yīng)該在想，這樣的過濾器使用起來可能會(huì)比較笨重，不夠靈活，過濾器既然是函數(shù)，那是否可以傳參呢？接下來我們通過參數(shù)讓過濾器的使用變得更加靈活。

      2.全局過濾器

      總結(jié)

      全局的過濾器要比局部過濾器使用的更廣泛一些，說白了我們?yōu)槭裁匆褂眠^濾器，其實(shí)就跟使用函數(shù)是一樣，我們想把一些方法封裝，供其它組件使用，這樣調(diào)用起來方便，開發(fā)更快捷。

      注意： 如果全局過濾器和局部過濾器名字重復(fù)，我們會(huì)按照遠(yuǎn)近使用，優(yōu)先級(jí) ： 局部>全局

      過濾器并不是只可以使用一個(gè)，一個(gè)數(shù)據(jù)可以用多個(gè)過濾器，從左向右執(zhí)行，注意的下一個(gè)過濾器接收的是上一個(gè)過濾器的處理結(jié)果，因此千萬(wàn)要注意使用順序

      以上就是vue過濾器的那點(diǎn)事了，最后歡迎對(duì)web前端開發(fā)感興趣的同學(xué)來到千鋒大前端培訓(xùn)班參加我們的課程學(xué)習(xí)，現(xiàn)在咨詢還可以領(lǐng)取全套前端學(xué)習(xí)資料，趕緊來找在線老師了解一下吧。