vue 根据名称更改对象顺序_vue数组对象排序

前言

最近在看vue的教学视频，正好学到的数组对象排序方法，在这跟大家分享一下，如有不足之处，请赐教。

普通数组的排序

先看代码：

v-for实例

---

1. { {number}}

new Vue({

el:'.app',

data:{

numbers:[5 ,88, 43, 56, 28, 61, 9],

},

computed:{

numbers:function(){

return this.numbers.sort(numbers);

},

}

})

原本我以为会出来结果，可结果不一样。。

后来我想了一下，发现了其中的问题，sort方法会调用每个数组项的toString()方法，得到字符串，然后再对得到的字符串进行排序。sort()方法的参数就起到了作用，我们把这个参数叫做比较函数。

解决办法

加一个比较函数

function sortNumbers(a,b){

return a-b;

}

咦，怎么结果还是没出来？？原来我是输出的时候忘记吧numbers换成sortNumbers。这是从小