Vue项目中后端返回多个值，根据其中的数值大小从大到小输出列表

可以通过以下步骤实现：

1. 在前端使用 axios 或者其他网络请求库，向后端发送请求，获取数据。

2. 把后端返回的多个值组织成一个数组，例如：

const data = [
  { name: 'Alice', value: 10 },
  { name: 'Bob', value: 8 },
  { name: 'Charlie', value: 12 },
  { name: 'David', value: 7 }
];

其中，每个元素都包含一个名称和一个数值。

3. 使用 Array 的 sort 方法，按照数值大小从大到小排序：

data.sort((a, b) => b.value - a.value);

这个方法接受一个回调函数，函数返回值为正数时表示 a 在 b 前面，为负数时表示 a 在 b 后面，为 0 时表示 a 和 b 相等。

4. 在 Vue 模板中，使用 v-for 循环输出列表：

<ul>
  <li v-for="item in data" :key="item.name">
    {{ item.name }}: {{ item.value }}
  </li>
</ul>

其中，data 是一个 Vue 组件的 data 属性，保存了后端返回的数组。每个 li 元素显示了一个名称和一个数值。

完整的代码示例：

<template>
  <div>
    <h2>按数值大小排序的列表：</h2>
    <ul>
      <li v-for="item in sortedData" :key="item.name">
        {{ item.name }}: {{ item.value }}
      </li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      data: []
    };
  },
  computed: {
    sortedData() {
      return this.data.slice().sort((a, b) => b.value - a.value);
    }
  },
  mounted() {
    axios.get('/api/data').then(response => {
      this.data = response.data;
    });
  }
};
</script>

在这个例子中，使用了 computed 属性 sortedData 来获取按数值大小排序的数组，而不是直接在模板中使用 data 数组。这样可以避免每次渲染都重新排序，提高性能。sortedData 返回一个新的数组，因为数组的 sort 方法是原地排序，会修改原数组。使用 slice 方法复制一份原数组，再对复制的数组进行排序。