Vue2.js项目中后端返回多个参数，根据其中的数值参数大小从大到小输出列表 可以写个demo吗

当后端返回多个参数时，我们可以将它们放在一个数组或对象中传递给前端。在 Vue2.js 中，我们可以使用计算属性来对这个数组或对象进行排序，并输出到列表中。这里是一个简单的示例代码：

HTML 模板：

<div id="app">
  <ul>
    <li v-for="item in sortedList">{{ item }}</li>
  </ul>
</div>

Vue 实例：

new Vue({
  el: '#app',
  data: {
    backendData: {
      param1: 10,
      param2: 5,
      param3: 8
    }
  },
  computed: {
    sortedList() {
      // 将对象转化为数组，方便排序
      const arr = Object.entries(this.backendData);
      // 根据第二个参数（即数值大小）进行从大到小的排序
      arr.sort((a, b) => b[1] - a[1]);
      // 只返回排序后的键名
      return arr.map(item => item[0]);
    }
  }
})

在这个示例中，我们假设后端返回了一个包含三个数值参数的对象 `backendData`，分别是 `param1`、`param2` 和 `param3`。我们使用 `Object.entries()` 方法将这个对象转化为一个数组，方便进行排序。然后使用 `Array.sort()` 方法对数组进行排序，排序规则是按照数组元素的第二个参数（即数值大小）从大到小排序。最后使用 `Array.map()` 方法只返回排序后的键名，输出到列表中。

这个示例可以根据实际情况进行修改，例如将 `backendData` 改成数组，或者修改排序规则等。