vue 字符串排序

如果你想对 Vue 中的字符串数组进行排序，你可以使用 JavaScript 的 `sort()` 方法。以下是一个使用 Vue 和 JavaScript 进行字符串排序的示例：

<template>
  <div>
    <button @click="sortStrings">按字母顺序排序</button>
    <ul>
      <li v-for="str in strings" :key="str">{{ str }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      strings: ['apple', 'banana', 'cherry', 'date']
    };
  },
  methods: {
    sortStrings() {
      this.strings.sort((a, b) => a.localeCompare(b));
    }
  }
};
</script>

在这个例子中，我们在 `data` 中定义了一个字符串数组 `strings`。当点击按钮时，`sortStrings` 方法会被调用。在这个方法中，我们使用 JavaScript 的 `sort()` 方法对 `strings` 数组进行排序，使用 `localeCompare()` 方法进行字符串比较。最后，排序后的数组会被重新赋值给 `this.strings`，触发 Vue 的响应式更新，从而更新页面上的列表。

请注意，这只是一个简单的示例，实际应用中你可能需要根据你的需求来调整排序逻辑。