vue封装全局过滤器

1.创建一个filters.js文件，并在文件中定义过滤器函数

//性别过滤器
function sex (value) {
    if (value == 0) {
      return "男"
    } else if (value == 1) {
      return "女"
    } else if (value == 2) {
      return "保密"
    }
}

//导出
export { sex };

2.在main.js中引入并使用

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

3.在html中使用

<div>性别:{{value | sex}}</div>