vue中全局filter过滤配置及使用

想必每个项目中都会存在要使用filter过滤数据的情况，以前刚接触vue的时候，哪个页面有需要过滤的数据就跑哪个页面写一个filters,现在成长啦，知道可以提到全局去写一个filters.js文件来解决啦！

1.创建一个filters.js文件，本例中我创建在assets/util下，比如过滤时间

//过滤时间 保留年月日  原数据：2020-07-18 15:18:22  过滤后：2020-07-18
export function filterTime(value) {
	if (value) {
		return value.slice(0, 10)
	}
}

2.在main.js中引入filters.js文件

import * as filters from './assets/util/filters'
//全局过滤器
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

3.在组件中使用

<span>{{item.OptTime | filterTime}}</span>  
//注意这里的过滤器名称要与filters.js中的保持一致哦