【前端学习记录——Vue-cli】7.Vue——v-for

v-for在动态渲染页面时用的非常的频繁

v-for是写在html标签里面的,使用的时候,需要在当前页面的数据区有一个可以遍历的变量。

<div v-for:"i in listTest"> 
    <div>这是第{{i}}个</div> 
</div> 

// vue-cli 搭建的项目中,data是一个方法。 
data(){
    return{ 
        listTest:[1,2,3,4,5,6,7] 
    } 
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值