vue cli filter使用

 

在src目录创建（main.js所在目录） filter目录 创建index.js

在main.js中 import 该js文件即可  （或者直接把定义的filter放到main.js 中 ，建议新建一个js文件，都放mian.js里面看起来东西太多了有点乱）

我这里定义一个 日期格式化过滤器 ，可以定义很多自己需要的过滤器

Vue.filter('dateFormat',function(value,fmt = 'yyyy-MM-dd HH:mm:ss') {
  if(value){
    if(typeof value === 'string'){
      let date = new Date(value)
      return format(date, fmt)
    }else {
      return format(value,fmt)
    }
  }
  return ''
})

 在页面使用

{{date() | dateFormat}} //data()是第一个参数 这里第二个参数我们没有传使用了默认值

{{date() | dateFormat('HH:mm')}} //'HH:mm' 是第二个参数

 注意：vue 3.x 不支持filter了 只能在vue 2.x版本使用