vue過濾器
學習
Date.now() 返回時間戳。
現在要把時間戳轉成年月日時分秒的格式。
可以用組件moment.js,不過這個組件比較大,可以用其輕量化的替代品,day.js,兩者的api幾乎一致。
這里使用day.js。
使用day.js,引入相關的js后,全局多了一個dayjs的變量
過濾器就是一個函數,返回處理后的數據,對數據進行更新。
原始數據 | 過濾器 , 中間 | 是管道符?
過濾器可以傳參數,第一個參數默認是原始數據,第二個參數是用戶定義的

過濾器默認有一個參數,這個參數是過濾的原始數據,其它的參數才是用戶自己定義的。

多個過濾器之間的串聯 被過濾的原始數據 | 第一個過濾器 | 第二個過濾器
多個過濾器串聯的時候,第二個過濾器使用第一個過濾器的返回。

局部過濾器和全局過濾器?
全局過濾器,必須寫在new Vue之前
Vue.filter('過濾器名', function(){}); //方法體
v-bind和過濾器配合使用。

v-model不能和過濾器使用。
總結
過濾器 可以使用簡單的邏輯處理,一般是在插值語法中使用,也可以和v-bind配置使用,但是不能和v-model配置使用,不適合做復雜的邏輯處理,復雜的處理邏輯建議還是使用計算屬性/監(jiān)聽/方法等。
過濾器不會更改原始的數據,只會對數據進行加工。
實踐?


標簽: