过滤器的使用技巧

举例：采用dayjs注册为过滤器来使用 这里以YYYY-MM-DD为例（2022-7-22）更多样式再官网有。 下载后 （yarn add dayjs） 在全局也就是main.js引用（import） 在对其注册为过滤器：Vue.filter('名字（dateformat）',function(要传入的参数（time）{ return dayjs(time).format('YYYY-MM-DD') }))

还可以封装成一个文件src路径下filters（原因是在工作中一般有很多的过滤器）--

1. 首先引入dayjs（import）。
2. 再按需导出：

export const dateformat = function (time) {
  return dayjs(time).format('YYYY-MM-DD')
}

3. 再全局也就是main.js里面首先全部引入过滤器文件里面所有的过滤器 import * as filters from '@/filters' 4.全局注册过滤器

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

需要注意的是import * as filters from '@/filters'引入的是一个对象，而forEach是数组的方法。解决方法就是采用Object.keys将对象里面的属性名字也就是键组成一个数组，对其及进行foreach然后拼装一下对应的属性值，就可以全局注册每一个过滤器了。