vue---filters過濾器的使用

vue中過濾器的使用場景比較多，那麼在vue項目中，在哪裏定義和使用呢？

在 src / filters 定義過濾器 gender.js

定製gender.js

/**
 * [genderFilter description]
 */
export function genderFilter(val) {
  return val ? '男' : '女';
}

 具體使用：

第一步引入：import {genderFilter} from '@/filters/gender'

import {genderFilter} from '@/filters/gender'

第二步具體的使用：

filters: {
  statusFilter(status) {
    const statusMap = {
      success: '成功',
      pending: '危險'
    }
    return statusMap[status]
  },
  genderFilter
},