arr=[ "10:00", "11:00", "12:00", "8:00", "9:00" ]的时间进行排序vue

在Vue中，可以通过以下步骤对arr进行排序：

1. 在Vue组件内部定义一个computed属性，用于返回已排序的时间数组。

2. 在computed属性中使用Array.sort()方法对arr进行排序，传入一个回调函数作为参数。

3. 在回调函数中，将时间字符串转换为Date对象，并使用Date.getTime()方法获取时间戳进行比较，返回排序后的数组。

以下是示例代码：

<template>
  <div>
    <ul>
      <li v-for="time in sortedArr" :key="time">{{ time }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: ["10:00", "11:00", "12:00", "8:00", "9:00"]
    };
  },
  computed: {
    sortedArr() {
      return this.arr.sort((a, b) => {
        const dateA = new Date(`1970-01-01T${a}`);
        const dateB = new Date(`1970-01-01T${b}`);
        return dateA.getTime() - dateB.getTime();
      });
    }
  }
};
</script>

在上面的代码中，我们首先定义了一个名为arr的data属性，它包含了需要排序的时间数组。然后，我们定义了一个computed属性sortedArr，它返回已排序的时间数组。

在sortedArr的getter函数中，我们使用Array.sort()方法对arr进行排序。我们传入一个回调函数作为参数，它接收两个参数a和b，分别表示要比较的数组元素。

在回调函数中，我们首先将时间字符串转换为Date对象，然后使用Date.getTime()方法获取时间戳进行比较。最后，我们返回排序后的数组。

最后，在Vue模板中使用v-for指令渲染已排序的时间数组。