怎么保证相同的中文排在一起

如果要保证相同中文的城市排在一起，可以在排序时将拼音相同的城市放在一起。可以使用一个中间变量来存储上一个城市的拼音，如果当前城市的拼音和上一个城市的拼音相同，则将当前城市和上一个城市放在同一个子数组中，最后将子数组合并成一个数组返回。下面是一个示例代码：

computed: {
  sortedCities() {
    // 对城市列表进行拼音转换
    const pinyinCities = this.cities.map(city => {
      // 将城市名转换为拼音
      const pinyin = Pinyin.getFullChars(city.name)
      // 返回一个新的对象，包含城市名和拼音
      return { name: city.name, pinyin: pinyin }
    })
    // 根据拼音首字母进行排序
    pinyinCities.sort((a, b) => {
      return a.pinyin[0].localeCompare(b.pinyin[0])
    })
    // 将拼音相同的城市放在一起
    const sortedByPinyin = []
    let prevPinyin = null
    let currGroup = []
    for (let i = 0; i < pinyinCities.length; i++) {
      const currPinyin = pinyinCities[i].pinyin
      if (prevPinyin !== null && currPinyin[0] !== prevPinyin[0]) {
        sortedByPinyin.push(currGroup)
        currGroup = []
      }
      currGroup.push(pinyinCities[i].name)
      prevPinyin = currPinyin
    }
    sortedByPinyin.push(currGroup)
    // 返回排序后的城市列表
    return sortedByPinyin.flat()
  }
}

这个computed属性会返回一个按照拼音首字母排序后的城市列表，相同拼音的城市排在一起。我们可以在Vue组件中使用这个sortedCities属性来渲染城市列表。