您现在所在位置: 首页 > IT知识库

Vue精讲系列第6期:Vue.js之循环指令

发布时间:2020-07-25点击数:

      各位童鞋,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系列课程已上线哔哩哔哩,扫描下方海报二维码即可免费收看,大家一定会有所收获,记得一定要分享给你正在睡懒觉的小伙伴哦!



  • 友情链接

关注东软睿道公众号了解更多IT行业资讯

添加东小萌微信
获取更多IT学习资源