1.Vue.filter(id,[definition])
- 參數(shù)：
{string} id
{Function} [definition] - 用法：注冊(cè)或獲取全局過濾器
// 注冊(cè)
Vue.filter('my-filter',function(value) {
// 返回處理后的值
})
// getter，返回已注冊(cè)的過濾器
var myFilter = Vue.filter('my-filter')
2.示例：
（1）全局過濾器
Vue.filter('globalFilter',function(value){
return value + "Ｎ笸省Ａ惺辍樟凄！"
})
（2）組件過濾器
filters: {
componentFilter: function(value){
return value + '９舅蕖！获搏！'
}
}
基本用法：
(1) 雙括號(hào)插值：
{{ 'wang' | globalFilter }}
(2)在v-bind表達(dá)式中使用
{{ 'wang' | globalFilter }}
過濾器參數(shù)寫法:
（1）{{message | filterA | filterB}}
{{ '2022' | filterA | filterB}}
filters: {
filterA: function(value){
return value + '年'
},
filterB: function(value){
return value + 'hello!'
}
}
// 2022年hello!
(2){{message | filterA('arg1',arg2)}}
<div>{{ '2022' | filterA('11','22')}}</div>
...
filters: {
filterA: function(value,arg1,arg2){
return value + '-' + arg1 + '-' + arg2
}
}
// 2022-11-22
