關于vue的過濾器,其實在vue1.0的時候是內置了過濾器的,但是自從到了2.0之后就被去掉了,但是我們可能還會使用到,所以就需要自己定義過濾器了,下面小千就帶你了解一下如何定義過濾器和過濾器都有哪些種類。
vue 過濾器分類
過濾器分為兩種,一種是局部過濾器,一種全局過濾器。所有的過濾器都是函數,并且參數為要過濾的數據。
局部過濾器:只允許在當前組件中使用
全局過濾器:所有組件都可以使用
1.局部過濾器
以上代碼 filters 這個對象定義的就是局部過濾器,下面代碼展示在組建中如何使用過濾器:
當然你也應該在想,這樣的過濾器使用起來可能會比較笨重,不夠靈活,過濾器既然是函數,那是否可以傳參呢?接下來我們通過參數讓過濾器的使用變得更加靈活。
2.全局過濾器
總結
全局的過濾器要比局部過濾器使用的更廣泛一些,說白了我們為什么要使用過濾器,其實就跟使用函數是一樣,我們想把一些方法封裝,供其它組件使用,這樣調用起來方便,開發更快捷。
注意: 如果全局過濾器和局部過濾器名字重復,我們會按照遠近使用,優先級 : 局部>全局
過濾器并不是只可以使用一個,一個數據可以用多個過濾器,從左向右執行,注意的下一個過濾器接收的是上一個過濾器的處理結果,因此千萬要注意使用順序
以上就是vue過濾器的那點事了,最后歡迎對web前端開發感興趣的同學來到千鋒大前端培訓班參加我們的課程學習,現在咨詢還可以領取全套前端學習資料,趕緊來找在線老師了解一下吧。