您的位置:首页 > Web前端 > Vue.js

Vue的v-for用法

2018-11-18 19:06 232 查看

遍历数组

[code]// html部分
<ul v-for="(item,index) in obj">
↑
要用到什么数据就要说出来
<li>{{ index }}:{{ item }}</li>
</ul>

// vue部分
var vm = new Vue({
el:'.word',
data:{
obj:[1,2,3,4,5]
}
})

遍历对象

对象的语法是{ key:value  }这就不用说了吧,item在这里实际上就是value

[code]// html部分
<ul v-for="(item,key) in arr">
↑
要用到什么数据就要说出来
<li>{{ key }}:{{ item }}</li>
</ul>

// vue部分
var vm = new Vue({
el:'.word',
data:{
arr:{name:'白痴',sex:'不男不女',hobby:'搞gay‘'}
}
})

 

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: