vue sort 数字、字母、中文拼音 混合排序

可以使用第三方库`pinyin`来实现混合排序，具体步骤如下：

1. 引入`pinyin`库：

   import Pinyin from "pinyin";

2. 编写排序函数：

   function mixedSort(arr) {
     return arr.sort(function(a, b) {
       // 判断a和b是否为字符串，如果是，则转换成拼音数组
       if (typeof a === "string" && typeof b === "string") {
         a = Pinyin(a, { style: Pinyin.STYLE_NORMAL }).join("");
         b = Pinyin(b, { style: Pinyin.STYLE_NORMAL }).join("");
       }
       // 按照拼音数组排序
       return a.localeCompare(b, "zh-Hans-CN", { sensitivity: "accent" });
     });
   }

在这个函数中，我们首先判断传入的参数是否为字符串，如果是，则使用`pinyin`库将其转换成拼音数组，再按照拼音数组进行排序，最后返回排序后的数组。

3. 调用排序函数：

   let arr = ["1", "a", "中", "2", "b", "重庆", "北京", "Chongqing", "Beijing"];
   arr = mixedSort(arr);
   console.log(arr); // ["1", "2", "a", "b", "Beijing", "Chongqing", "北京", "重庆", "中"]

在这个例子中，我们将数字、字母和中文混合在一个数组中，然后调用`mixedSort`函数进行排序，可以看到排序结果符合预期。