封装过滤器及优化

71 阅读1分钟

(基础用法) image.png

(vue用法) image.png

// 封装过滤器
import { formatDate } from './filter/index'
Vue.filter('formatDate', formatDate)

image.png

优化封装过滤器
 *as 同根派生写法  用于类型判断
import * as obj from './filter/index'
for (const key in obj) {
  Vue.filter(key, obj[key])
}

image.png

export function formatDate(val) { return val && val.split('T')[0] }