vue项目中优雅的导入全局过滤器

在项目src目录下创建一个filters目录，用来放全局的过滤器

在filters目录下创建index.js文件

例如，创建两个测试过滤器

/**
 * 测试filter
 * @param {*} num
 * @returns
 */
export const testFilter = (num) => {
  return `test${num}`
}

/**
 * 测试filter2
 * @param {*} num
 * @returns
 */
export const testFilter2 = (num) => {
  return `test${num}`
}

在main.js导入所有的过滤器

import * as filters from '@/filters'

Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})