vuecli中filters使用data中的变量

<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实例，但想要获取vue实例中data中的数据，可以采用下面方法。在 beforeCreate的钩子函数中将vue实例赋值给全局变量_this，然后filters中即可通过_this获取data中数据