vuecli のフィルターはデータ内の変数を使用します

<template>
	<div>
		<span>{
   
   { sexVal | sexFilter }}</span>
	</div>
</template>

var _this;
export default {
    
    
  data() {
    
    
    return {
    
    
      sexVal:0,
      sex: [{
    
     gender: "男", value: 0},{
    
     gender: "女", value: 1 }], 
    }
  },
  beforeCreate() {
    
    
    _this = this;
  },
  filters:{
    
    
  sexFilter(val) {
    
    
  	let gender='';
  	_this.sex.forEach(item=>{
    
    
		if(item.value===val){
    
    
			return gender=item.name;
		}
		
	})
	return gender;
  }
  
}

vue filters指しているのはインスタンスthisではありませんが、インスタンス内のデータvueを取得したい場合は以下のメソッドが使えます。フック関数でインスタンスをグローバル変数に代入すると、vuedatabeforeCreatevue_thisfilters_thisdata