Javascript 将已排序对象除以4，将其列在col-md-3中

根据城市对象的第一个字母给出一个排序列表。我需要将它们分成一个数组中的4个数组，将它们列在col-md-3中的4行中

我现在有这个代码：

<div class="container">
        <div class="row">
            <div class="col-md-3 col-sm-3" v-for="data, index in sortedCities">
                <ul>
                    <li>{{ index }}</li>
                    <li v-for="city in data">{{ city.name }}</li>
                </ul>
            </div>
        </div>
    </div>

---

我仍然不明白您在这里想要实现什么，但是根据您的预期输出，可以通过这样做来实现

var cities=[{“id”：1，“slug”：“abakan”，“name”：“Ааааа”}，{“id”：5，“slug”：“armavir”，“name”：“Ааааааааа”}，{“id”：7，“slug”：“arhangelsk“巴诺”、“名字”、“鼻涕虫”、“贝尔戈罗德”、“名字”、“鼻涕虫”、“贝戈罗德”、“名字”、“鼻涕虫”、“比斯克”、“名字”、“鼻涕虫”、“比斯克”、“名字”、“鼻涕虫”、“布拉戈维申斯克”、“名字”、“鼻涕虫”、“布拉戈维申斯克”、“名字”、“鼻涕虫”、“布拉戈维申斯克”、“布拉戈维申斯克”、“名字”、“布拉茨克”、“布拉茨克”、“名字”、“贝里扬斯克”、“布拉戈维申斯克”、“布拉戈维申斯克”、“布拉戈维申斯克”21、“鼻涕虫”、“布拉戈维茨克”“：“velikiy novgorod”，“name:“bааааааааааааааааааааааааааааааааааааааа”22，“slug”海参，“姓名”：“姓名”：“id”：32，“鼻涕虫”：“戈尔诺·阿尔泰斯克”，“姓名”：“Гааа-Аааааааааааааааааа”}，“姓名”：“叶卡捷琳堡”，“姓名”：“id”：41，“鼻涕虫”：“伊万诺沃”，“姓名”：“id”：43，“鼻涕虫”：“伊泽夫斯克”，“姓名”：“鼻涕虫”：“：47，“鼻涕虫”：“yoshkar ola”，“姓名”：“id”：48，“鼻涕虫”：“Kavkazkie mineralnye vody”，“姓名”：“Kavkazkie mineralnye vody”，“姓名”：“Kavkazkie mineralnye vody”，“姓名”：“Kaningrad”，“姓名”：“Kaningrad”，“姓名”：“Kanid”：55，“鼻涕虫”：“kazan”，“姓名”：“kazan”，“Kaningrad”，“姓名”：“Kalingrad”，“姓名”：“Kalingrad”；“Kalid”：“Kalingrad”；“姓名”：“Kalid”；“Kaligna”；“姓名”：“Kalid”；“Kalingrad”；“姓名”：”；”，{id:69，“鼻涕虫”：“卡门斯克·乌拉尔斯基”，“名字”：“卡门斯克·乌拉尔斯基”；{id:70，“鼻涕虫”：“凯梅罗沃”，“名字”：“卡门斯克·乌拉尔斯基”；{“id:71，”鼻涕虫”：“基洛夫”，“名字”：“卡门什”；{id:72，“鼻涕虫”；“科索莫尔斯克·纳阿穆雷”，“名字”：“卡门什-科希德”；“斯洛夫”；{，{“id”：75，“slug”：“krasnodar”，“name”：“krasnoyarsk”，“name”：“krasnoyarsk”，“name”：“krasnoyarsk”，“name”：“krasnoyarsk”，“name”：“slug”：“kurgan”，“name”：“krangan”，“name”：“kkаСаааа”}，“id”：81，“kursk”，“name”：“kursk”，“name”：“kkааа“名字”：“名字”：“id”：88，“鼻涕虫”：“马格尼托戈尔斯克”，“名字”：“Мааааааааааааааааааааааааааааааааааааааа“id”：149，“slug”：“naberezhnye chelny”，“name”：“nizhenvartovsk”，“name”：“nizhenvartovsk”，“name”：“nizhenvartovsk”，“name”：“nizhenovgorod”，“name”：“nizhenovorod”，“name”：“nizhenovorod”，“name”：“nizhenvartovsk”，“name”：“nizhenvartovsk”，“name”：“nizhenovorod”，“name”：“nizhenovorod”，“name”：“slug”：“nizhenovorod”，“name”：尼兹尼耶·塔吉尔，名字：新罗西斯克，名字：新罗西斯克，名字：新西伯利亚，名字：新西伯利亚，名字：新西伯利亚，名字：新西伯利亚诺亚布尔斯克，名字：奥伦堡，名字：奥伦堡，名字：奥伦堡，名字：奥伦堡，名字：奥伦堡，名字：奥伦堡，名字：奥伦堡，名字：奥伦堡，名字：183，鼻涕虫：奥雷尔，名字：奥伦堡，名字：184，鼻涕虫：彭扎，名字：奥伦堡，名字：奥伦堡布拉格语：189，斯拉格语：彼得罗巴甫洛夫斯克-堪察茨基语，姓名：194，斯拉格语：罗斯托夫-纳多努语，姓名：197，斯拉格语：萨马雷亚语，萨马雷亚语，萨马雷亚语：1997，萨马雷亚语：1997，“姓名”：“Саааааааааааааааааааааааааааааааааааааааааааа，“鼻涕虫”：“斯塔夫罗波尔”，“名字”：“斯塔夫罗波尔”，“名字”：“斯塔夫罗波尔”，“名字”：“斯塔夫罗波尔”，“名字”：“斯塔夫罗波尔”，“名字”：“斯特里塔马克”，“名字”：“瑟古特”，“名字”：“瑟古特”，“名字”：“瑟古特”，“名字”：“瑟古特”，“斯莱格”，“斯莱格”，“斯莱格”：“瑟格特”，“名字”：“瑟古特”，“斯莱格特”225，“斯莱格”，“斯莱格”：“赛克提夫卡”，“名字”：“泰利塔姆博伊德”，“塔姆”姓名：“：”托波尔斯克“，”姓名：“：”托尔雅蒂“，”姓名：“，”托尔斯克“，”姓名：“，”托波尔斯克“，”姓名：“，”托尔雅蒂“，”姓名：“，”托尔雅蒂“，”托尔雅蒂“，”托尔雅蒂“，”托尔雅蒂“，”托尔斯克“，”姓名：“，”托尔斯克“，”托尔斯克“，”姓名：“，”托尔斯克“，”托尔斯克“，”姓名：“，”托尔雅蒂“，”托尔雅蒂“，”托尔雅蒂“，”托尔雅蒂“，”托尔雅蒂“，”托尔雅蒂“，”托尔雅蒂“，”姓名：，”托尔雅蒂“，”托尔雅蒂“，”托尔雅蒂“，”托尔雅蒂“，”托尔雅蒂“，”托尔雅蒂“，”，{id:245，“鼻涕虫”：“乌兰乌德”，“名字”：“我的”246，“鼻涕虫”：“乌里扬诺夫斯克”，“名字”：“我的”248，“鼻涕虫”：“乌苏里萨克”，“名字”：“我的”249，“鼻涕虫”：“乌法”，“名字”：“哈瓦罗夫斯克”，“名字”：“哈瓦罗夫斯克”，“名字”：“我的”251，“我的名字”：“我的”251车里雅宾斯克，姓名：
computed: {
        sortedCities() {
            var newCities = {}

            for (var i = 0; i < this.cities.length; i++) {
                var c = this.cities[i].name[0].toUpperCase()

                if (newCities[c] && newCities[c].length >= 0)
                    newCities[c].push(this.cities[i]);
                else {
                    newCities[c] = [];
                    newCities[c].push(this.cities[i]);
                }
            }

            return newCities
        }
    }

[
    "firstGroup": [
        "A": [{
            id: 1,
            slug: "abakan",
            name: "Абакан"
        }, {
            id: 4,
            slug: "almetevsk",
            name: "Альметьевск"
        }, ],
        "B": [{
            id: 11,
            slug: "barnaul",
            name: "Барнаул"
        }, {
            id: 13,
            slug: "belgorod",
            name: "Белгород"
        }, ]
    ],

    "secondGroup": [
        "B": [{
            id: 19,
            slug: "bryansk",
            name: "Брянск"
        }, ]
    ]
]