[TOC] ## 1.数组的循环 ~~~ <div id="app"> <template v-for="(item,index) of arr"> <div>{{index}}--{{item.text}}</div> </template> </div> //JS var vm = new Vue({ el:"#app", data:{ arr:[ {id:001,text:"jack"}, {id:002,text:"make"}, {id:003,text:"mary"} ] } }) ~~~ ## 2.对象的循环 ~~~ <div id="app"> <template v-for="(item,key) of obj"> <div>{{key}}--{{item}}</div> </template> </div> //JS var vm = new Vue({ el:"#app", data:{ obj:{ name:"chengchao", sex:"male", age:30 } } }) ~~~ ~~~ console.log(vm.$data.obj.name) ~~~