各位童鞋,Vue系列精讲已经发布5期,今天第6期Vue之循环指令是收官之作!
vue.js 的循环渲染是依赖于 v-for 指令,它能够根据 vue 的实例里面的信息,循环遍历所需数据,然后渲染出相应的内容。它可以遍历数组类型以及对象类型的数据,js 里面的数组本身实质上也是对象,这里遍历数组和对象的时候,方式相似但又稍有不同。
对象遍历 value 是遍历得到的属性值,key 是遍历得到的属性名,index 是遍历次序,这里的 key/index 都是可选参数,如果不需要,这个指令其实可以写成 v-for="value in me"
数组遍历 数组遍历和对象遍历相类似,最大的不同点在于对象的 “key” 和 “index” 是一致的,所以这里我们只需要取一个 index 即可。
到这里,Vue系列精讲已经全部完成。大家学得怎么样,如果没学会也不要紧,关注公众号,搜藏文章,可以反复学习。
同时, 东软睿道费园园老师Vue系列课程已上线哔哩哔哩,扫描下方海报二维码即可免费收看,大家一定会有所收获,记得一定要分享给你正在睡懒觉的小伙伴哦!