关于数组嵌套对象保证对象的顺序问题

小弟今天在使用vue的v-for进行列表渲染的时候，在页面写了一个组件，然后一定要按照前端规定的顺序渲染数组上去,这个时候小弟知识量就很难堪了，先是模拟数据的时候，数组套对象加key值写错了好多次，后面写成了[{key:key,value:value}]，才算是确定了结构，但是渲染方面又头疼了，v-for里面的key值与我传入的key不是一个概念的呀，所以想到了直接处理好数组顺序才渲染上去，不说了，上代码

var arr = [];   //假装有东西就好了
sort_array(property) {
	return function(a,b){
	var value1 = a[property];
	var value2 = b[property];
	return value1 - value2;
	}
}
console.log('第一次',arr)
arr.sort(this.sort_array('key'));
console.log('第二次',arr);

这是通过key值判断顺序，运用了sort()来排序