1、全域性寫法：

　　全域性過濾器必須寫在vue例項建立之前。

Vue.filter('testfilter', function (value,text) {
   // 返回處理後的值
   return value+text
   })

2、區域性寫法：

在元件例項物件裡掛載。

filters: {
        changemsg:(val,text)=>{
            return val + text
        }
    },

3、使用：

　　只能使用在{{}}和：v-bind中，定義時第一個引數固定為預處理的數，後面的數為呼叫時傳入的引數，呼叫時引數第一個對應定義時第二個引數，依次往後類推

<h3 :title="test|changemsg(1234)">{{test|changemsg(4567)}}</h3>
//多個過濾器也可以序列使用
<h2>{{name|filter1|filter2|filter3}}</h2>

4、vue-cli專案中註冊多個全域性過濾器寫法：

//1.建立一個單獨的檔案定義並暴露函式物件
const filter1 = function (val) {
  return val + '--1'
}
const filter2 = function (val) {
  return val + '--2'
}
const filter3 
 
= function (val) {
  return val + '--3'
}

export default {
  filter1,
  filter2,
  filter3
}

//2.匯入main.js(在vue例項之前)
import filters from './filter/filter.js'

//3.迴圈註冊過濾器
Object.keys(filters).forEach(key=>{
  Vue.filter(key,filters[key])
})