vue filter，json数组key更改别名

json数组key映射别名

---

最近接到一个项目，页面结构简单且单一，但是数据变化很多，为了偷懒,ԾㅂԾ,
就想着能用循环就不手写(≧∀≦)ゞ

// 后台返回的数据
let stu= [{
	neme:'张三',
	age:19,
	school:'CSDN大学',
	subject:'计算机工程',
	score:'4.6'
},{
	neme:'李四',
	age:20,
	school:'CSDN大学',
	subject:'计算机工程',
	score:'4.8'
}]
// 前端显示
<div v-for="item in stu">
	<div>姓名：{{item.name}}</div>
	<div>年龄：{{item.age}}</div>
	<div>学校：{{item.school}}</div>
	<div>......</div>
<div>

更改后

<div v-for="item in stu">
	<div v-for="(info, key) in item">{{key | transName}}：{{info}}</div>
<div>

filters:{
	transName(val){
		let opt = {
			'name':'姓名',
			'age':'年龄',
			'school':'学校'
			  .....
		}
		return opt[val]
	}
}

这样我就可以把这一块的代码封装起来弄成一个组件，接收列表数据和字段名。done(●’◡’●)
我可真是太机智了:-)