1.Vue.filter(id,[definition])

• 引數：
  {string} id
  {Function} [definition]
• 用法：註冊或獲取全域性過濾器

// 註冊
Vue.filter('my-filter',function(value) {
  // 返回處理後的值
})
// getter，返回已註冊的過濾器
var myFilter = Vue.filter('my-filter')

2.示例：
（1）全域性過濾器

Vue.filter('globalFilter',function(value){
  return value + "！！！"
})

（2）元件過濾器

filters: {
  componentFilter: function(value){
    return value + '！！！'
  }
}
 

基本用法：

(1) 雙括號插值：

{{ 'wang' | globalFilter }}

(2)在v-bind表示式中使用

{{ 'wang' | globalFilter }}

過濾器引數寫法:

（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