vue 局部过滤器和全局过滤器

vue3 过滤器已经被丢弃--因为vue2计算属性也能代替过滤器

1 局部过滤器

<div> {{ sex | sexFilter }} </div>

data(){

  return{

    sex:1,

  }

},

filters:{

  setFilter(value){

    if(value == 0){

      return '男'

    }else{

      return '女'

    }

  }

}

2 全局过滤器

main.js中

vue.filter('sexFilter',function(value){

  if(value == 0){

    return '男'

  }else{

    return '女'

  }

})