<
template
>
<
div
>
{{
msg}}
<
ul
>
<li v-for="num in sortarr1" :key="num">{{num}}</li>
<li v-for="student in sortarr2" :key="student.age">{{student.name}}-{{student.age}}</li>
</
ul
>
<
router-view
></
router-view
>
<
div
>{{
sortnum}}
</
div
>
</
div
>
</
template
>
<
script
>
export
default {
name:
'hi',
data () {
return {
msg:
'你好，这是hi页面',
arr1:[
43,
23,
7,
98],
arr2:[{
'name'
:
'aa',
'age'
:
2},{
'name'
:
'bb',
'age'
:
12},{
'name'
:
'dd',
'age'
:
42},{
'name'
:
'cc',
'age'
:
30}]
}
},
computed:{
sortarr1:function(){
return this.arr1.sort(this.sortnum);
},
sortarr2:function(){
return this.sortByKey(this.arr2,'age')
}
},
methods:{
sortnum:function(a,b) {
return a-b;
},
sortByKey:function (array,key){
return array.sort(function(a,b){
var x=a[key];
var y=b[key];
return ((x<y)?-1:((x>y)?1:0));
});
}
}
}
</
script
>
<
style
scoped
>
</
style
>