vue遍历json对象

html:

<div id="test">
    <ul>
        <li v-for="(item,key) in data">key:{{ key }} , value ： {{ item }}</li>
    </ul>
</div>

vue:

var consulserviceVue = new Vue({
    el: "#test",
    data: {
        data: { aa: "重庆", bb: "达州", cc: "四川" }
    }
});

效果如下：

还可以同时输入索引：

<div id="test">
    <ul>
        <li v-for="(item,key,index) in data">key:{{ key }} , value ： {{ item }}, index: {{index}}</li>
    </ul>
</div>

效果如下：