vue按照价格大小排序

假设你有一个包含商品信息的数组，其中每个商品都有一个价格属性，你可以使用 JavaScript 的 `sort` 方法来按照价格大小排序，示例代码如下：

// 假设商品信息数组为 products
const products = [
  { name: '手机', price: 2000 },
  { name: '电脑', price: 5000 },
  { name: '平板', price: 3000 },
  { name: '耳机', price: 200 },
  { name: '键盘', price: 500 }
]

// 按照价格从小到大排序
const sortedProducts = products.sort((a, b) => a.price - b.price)

console.log(sortedProducts)
// 输出：
// [
//   { name: '耳机', price: 200 },
//   { name: '键盘', price: 500 },
//   { name: '手机', price: 2000 },
//   { name: '平板', price: 3000 },
//   { name: '电脑', price: 5000 }
// ]

使用 `sort` 方法时，你需要传入一个比较函数作为参数，该函数返回一个数字，表示两个元素的大小关系。如果返回值小于 0，则表示第一个元素应该排在第二个元素前面；如果返回值大于 0，则表示第一个元素应该排在第二个元素后面；如果返回值等于 0，则表示两个元素相等，排序时不需要改变它们的位置。在上面的示例中，我们使用 `a.price - b.price` 来比较两个商品的价格大小。