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

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]) })