v-for不是必须写在ul/li中的,下面只是为了演示方便
一、遍历数组
1.遍历过程中没有使用下标
<div id="app">
<ul>
<li v-for="item in quets">{{item}}</li>
</ul>
</div>
2.遍历过程中使用下标值
<ul>
<li v-for="(item,index) in quets">{{index+1}}.{{item}}</li>
</ul>
二、 遍历对象
1.只获取value
data://注意此处的花括号
{
info:{
name:"panda",
hobby:"banboo",
age:6
}
}
<div id="app">
<ul>
<li v-for="item in info">{{item}}</li>
</ul>
</div>
2.同时获取key与value
(value,key) in info
<ul>
<li v-for="(value,key) in info">{{key}}:{{value}}</li>
</ul>
3.获取key,value与index
很少获取对象的index
<ul>
<li v-for="(value,key,index) in info">{{value}}-{{key}}-{{index}}</li>
</ul>
三、v-for添加key属性
没懂