Vue配置全局过滤工具

Vue项目开发过程之中必不可少的就是时间戳转化、金额前添加￥符号等等操作，为了方便统一管理我使用filter(过滤器)并且将这些操作全部抽取出来。
在src/utils/目录下创建filter.js文件：

const filterMoney = (val) => {
  return '￥' + val
}
const timestampToDate = (val) => {
  if (String(val).length === 10) {
     val = val * 1000
  }
  return new Date(val + 8 * 3600 * 1000).toJSON().substring(0, 19).replace('T', ' ')
}
export {
  filterMoney,
  timestampToDate
}

在main.js文件中进行全局引入

import * as _filter from '@/utils/filter'	

Object.keys(_filter).forEach((item) => {
  Vue.filter(item, _filter[item])
})

在需要的地方进行使用：

<span>{{ +new Date() | timestampToDate}}</span>		//2020-08-03 13:54:21

以上就是我对配置全局过滤器的一点使用,如果文章由于我学识浅薄,导致您发现有严重谬误的地方,请一定在评论中指出,我会在第一时间修正我的文章,以避免误人子弟。