小知识积累 -- 数组对象根据属性进行排序、倒序

功能：点击进行排序，倒序

1.数据渲染

<div v-for="(item,index) in rankingData" :key="index" class="ranking-item">

          <p class="title">{{ item.title }}

            <span class="caret-wrapper">

              <i class="el-icon-caret-bottom" @click="ascending(item.data)" />

              <i class="el-icon-caret-top" @click="descending(item.data)" />

            </span>

          </p>

          <div v-for="(list,k) in item.data" :key="k" class="ranking-row">

            <p>{{ k+1 }}</p>

            <p class="">{{ list.Name }}</p>

            <p>{{ list.Total }}</p>

          </div>

        </div>

2.方法事件

// 正序

    ascending(item) {

      item = item.sort(this.compare('Total'))

    },

    // dao序

    descending(item) {

      item = item.sort(this.compare('Total')).reverse()

    },

    compare(property) {

      return function(a, b) {

        var value1 = a[property]

        var value2 = b[property]

        return value1 - value2

      } } }