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指定
posted @ 2020-04-07 20:04  子枫i  阅读(1416)  评论(0编辑  收藏  举报