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中数据