vue遍历数组对象按首字母排序

您可以使用JavaScript中的Array.sort()方法对数组进行排序，并使用字符串的localeCompare()方法按字母顺序比较字符串。

以下是一个使用Vue.js的示例代码：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in sortedItems" :key="index">
        {{ item.name }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { name: "John" },
        { name: "Alice" },
        { name: "Bob" },
        { name: "Carl" },
        { name: "David" },
      ],
    };
  },
  computed: {
    sortedItems() {
      return this.items.sort((a, b) =>
        a.name.localeCompare(b.name, "en", { sensitivity: "base" })
      );
    },
  },
};
</script>

在上面的示例中，我们使用computed属性对items数组进行排序，并将结果存储在sortedItems中。我们使用localeCompare()方法比较name属性，按字母顺序进行排序。

注意：如果使用中文排序，需要将"en"改为"zh"。