1，v-for循环遍历 （1），v-for遍历普通数组及输出索引
<p v-for="item in list">{{item}}</p> <p v-for="(item,i) in list">值是：{{a}}------索引是：{{b}}</p>（2），v-for遍历对象数组
<p v-for="user in listobj">名称：{{user.name}}-----年龄:{{user.age}}</p> <p v-for="(user,i) in listobj">名称：{{user.name}}-----年龄:{{user.age}}------索引是：{{i}}</p>（3），v-for遍历对象（ (键值，键，索引)第三个参数选择性写）
<p v-for="(a,b,c) in obj">{{a}}----{{b}}-----{{c}}</p>（4），v-for遍历数字
<p v-for="count in 10">{{count}}</p> <div id="app"> <p>{{list[0]}}</p> </div> <script> var vm=new Vue({ el:"#app", data:{ list:[1,6,2,7,3,9,5,2,9], listobj:[ {name:'zs',age:15}, {name:'lisi',age:13}, {name:'ww',age:16} ], obj:{ id:15, name:'zs', age:23, hobby:'play pingpang' } } }) </script>2，v-for中key的使用注意事项： （1）v-for在循环时，或者特殊情况下，如果v-for有问题，就必须在使用v-for的同时指定唯一的字符串或数字类型，形式为:key="键值名称" （2）v-for循环时，key属性只能使用number或string类型 （3）key在使用的时候，必须使用v-bind属性绑定的形式，指定key的值 下面以案例说明:
<div id="app"> id：<input type="text" v-model="id"> name：<input type="text" v-model="name"> <input type="button" @click="adduser" value="添加"> <!-- <p v-for="item in list"> --> <p v-for="item in list" :key="item.id"> <input type="checkbox"> {{item.id}}-----{{item.name}}</p> </div> <script> var vm=new Vue({ el:"#app", data:{ list:[ {id:1,name:"李斯"}, {id:2,name:"嬴政"}, {id:3,name:"赵高"}, {id:4,name:"韩非"}, {id:5,name:"荀子"}, ] }, methods:{ adduser(){ this.list.unshift({id:this.id,name:this.name}) } } }) </script>