vue3怎么写sort数组排序

在 Vue3 中，你可以使用 JavaScript 的 `sort()` 方法对数组进行排序。下面是一个简单的示例：

<template>
  <div>
    <p>排序前的数组：{{ unsortedArray }}</p>
    <p>排序后的数组：{{ sortedArray }}</p>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const unsortedArray = ref([3, 1, 4, 1, 5, 9, 2, 6, 5]);
    const sortedArray = ref([]);

    sortedArray.value = unsortedArray.value.slice().sort((a, b) => a - b);

    return {
      unsortedArray,
      sortedArray,
    };
  },
};
</script>

在这个示例中，我们使用 `ref()` 创建了两个响应式的变量 `unsortedArray` 和 `sortedArray`。我们使用 `sort()` 方法对 `unsortedArray` 进行排序，并将结果存储在 `sortedArray` 中。需要注意的是，由于 `sort()` 方法会修改原始数组，所以我们使用 `slice()` 方法创建一个副本，以避免修改原始数组。在模板中，我们展示了排序前和排序后的数组。