vue字母排序

**我这里使用的是mint-ui的组件
下载命令：npm i mint-ui --save
在main.js里面使用
import Mint from 'mint-ui';
Vue.use(Mint);
import 'mint-ui/lib/style.css';**

展示页面
 
// :index=“index” index是字母的 拼音(abcd) qa里面数组元素
     
        
      
 

import { IndexList, IndexSection,Header } from "mint-ui";

 data(){
      return {
          list:[]
      }
  },
  created() {
  	//  我在本地写的一个json文件
      this.$axios({
          method:"get",
          url:"/static/data.json"
      }).then(res=>{
          console.log(res.data.ziMu);
          this.list = res.data.ziMu
      })
  },
    json格式
 "ziMu": {
        "A": [
            "ACC", "ABB", "Add", "Aca"
        ],
        "B": [
            "BC", "B", "Bzx", "Bed"
        ],
        "C": [
            "CCC", "C"
        ],
        "D": [
            "ddd", "dec"
        ],
        "E": [
            "eds", "edc"
        ],
        "F": [
            "frf", "fds"
        ],
        "T": [
            "TG", "TF"
        ],
        "X": [
            "XXX", "XA", "XXX", "XA"
        ],
        "Z": [
            "ZX", "C", "ZX", "C"
        ]

    }