欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-06 21:29:50
...

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] 
    } 
}

 

相关标签: 前端学习记录