数据为对象的v-for的使用

之前 v-for 都是对数组使用，这次遇到了对象。这有很大的不同。废话不多说，上代码就懂了

key就是对象的属性名，又因为属性名是不能重复的，所以使用key直接座键值即可

<template>
    <div>
        <ul class="list">
            <li class="item" v-for="(item,key) of cities" :key="key">{{key}}</li>
        </ul>
    </div>
</template>

<script>
export default {
    name:"CityAlphabet",
    props:{
        cities:Object
    }
}
</script>