vue 数组排序、对象排序

  <div class="sort">
    <div class="list">
      <h3>数组排序</h3>
      <div><span>排序后</span>{{sortAry}}</div>
      <h3>对象排序</h3>
      <div><span>排序后</span>{{sortStudents}}</div>
    </div>
  </div>

<script>
export default {
  data() {
    return {
      ary: [22, 42, 11, 32, 12, 54, 2, 3],
      students: [
        { name: 'GoldSunny', age: 18 },
        { name: 'Hong', age: 30 },
        { name: 'Apple', age: 21 },
        { name: 'King', age: 45 }
      ]
    }
  },
  computed: {
    sortAry: function () {
      return this.ary.sort(sortNum)
    },
    sortStudents: function () {
      return sortBykey(this.students, 'age')
    }
  }
}
function sortNum(a, b) {
  return a - b
}
function sortBykey(ary, key) {
  return ary.sort(function (a, b) {
    let x = a[key]
    let y = b[key]
    return ((x < y) ? -1 : (x > y) ? 1 : 0)
  })
}
</script>