v-forv-for指令的三种使用方法

1.迭代数组

<p v-for="(item,i) in list">id:{{item.id}}---名字：{{item.name}}---索引{{item.age}}</p>

2.迭代对象中的属性

            <p v-for="(val,key,i) in userInfo">{{val}}--{{key}}--{{i}}</p>

3.迭代数字

            <p v-for="i in 10">这是第{{i}}个标签}}</p>

在组件中使用v-for 循环的时候，如果有问题，必须使用key指定