前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue学习笔记6-循环-v-for

vue学习笔记6-循环-v-for

作者头像
雪地二货
发布2018-09-18 18:14:44
4550
发布2018-09-18 18:14:44
举报

普通for迭代关键字——v-for 格式: v-for=“a in b” 当我们在便签上加上v-for属性的时候就会迭代b对象,然后把迭代信息放到a中,之后直接使用a属性就可以。

代码语言:javascript
复制
<div id="app">
    <ul>
        <li v-for="data in datas">
            {{ data }}
        </li>
    </ul>
</div>

如果data是一个对象,那么可以使用data.xxx来获取到这个属性

最多可以使用三个参数对应着迭代对象属性 value,key,index 对应着 对象的值,对象的值对应着的键,索引(从0开始)

也可以直接迭代整数

代码语言:javascript
复制
<div id="app"> 
<ul>
 <li v-for="n in 10"> 
      {{ n }}
 </li> 
</ul> 
</div>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档