vue 全局註冊過濾器 filter

一、官方文檔提供的全局註冊過濾器的方法 穿梭門

// 註冊
Vue.filter('my-filter', function (value) {
  // 返回處理後的值
})

// getter，返回已註冊的過濾器
var myFilter = Vue.filter('my-filter')

二、全局註冊，在官方文檔的基礎上修改如下

在main.js引入定義好的過濾器方法，之後遍歷

import * as filters from './filters' // 全局過濾器
// 註冊全局過濾器
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

filters 目錄下的index.js寫法

export function method1  (value) {
    ......
}
export function method2  (value) {
    ......
}
export function method3  (value) {
    ......
}
......
......

三、在頁面直接調用對應過濾器即可