Vue中的過濾器(filter)

2021-09-24 13:35:16 字數 529 閱讀 8243

什麼是過濾器?

顧名思義,過濾器就是就對資料進行篩選、過濾、格式化,比如時間格式化、英文大小寫轉換、狀態轉換等等。它與methods、computed 或者 watch不同是,它不能改變原始值。

過濾器分類:

1、元件內過濾器 

元件內過濾器就是通過filters屬性,該屬性是乙個物件,在該物件中可以定義多個過濾器。它的特點是只能作用於本元件內。

2、全域性過濾器

全域性過濾器是通過在main.js檔案建立乙個 vue.filter('過濾器的名稱',該過濾器的具體實現函式) 。它的特點是作用於全部元件。

注意事項:

1、當全域性過濾器和元件內過濾器重名的時候,那麼最終將會以元件內過濾器為基準。

2、當出現子父元件時,父元件和全域性中分別定義了相同名稱的過濾器,這是子元件引用過濾器時,將會使用全域性的過濾器

怎麼使用過濾器?

1、元件內過濾器

vue中filter 過濾器

區域性過濾器,只有當前vue例項裡能使用 data filters return statusmap status tofixed2 num 全域性過濾器,在任何vue例項裡都能使用vue.filter adddanwei value data 上面寫法中要注意的問題是 全域性註冊時時是filter...

Vue中的Filter過濾器

home time div 使用過濾器 div template import moment from moment 引入外掛程式 export default filters script 在 main.js 檔案裡註冊過濾器 import vue from vue import router f...

Vue 中的過濾器(filter)

vue中的過濾器分為兩種 區域性過濾器和全域性過濾器 過濾器就是乙個資料經過了這個過濾器之後出來另一樣東西 全域性過濾器通過vue.filter filtername fliterfn 來定義,它定義好了之後,在所有的元件內都可以使用.global filter是過濾器名稱 函式第乙個引數是需要過濾...