Vue常见问题
v-for
var vm = new Vue({
el: '#app',
data:function() {
return{
items:[
{message: '1'},
{message: '2'},
{message: '3'}
],
object:{
name: 'abc',
gender: 'male',
age: 23
},
}
}
})
对于列表,获取单个项和索引,顺序为 (item,index)
对于对象,获取key和value,顺序为 (key,value)
<ul >
<li v-for="(item,index) in items" :key="index">{{index}}:{{item.message}}</li>
<li v-for="(value,key, index) in object" :key="key">{{key}}:{{value}}</li>
</ul>
如果改为
<ul >
<li v-for="(index, item) in items" :key="index">{{index}}:{{item.message}}</li>
<li v-for="(key, value) in object" :key="key">{{key}}:{{value}}</li>
<li v-for="(key, value) in object" :key="key">{{key}}:{{value}}</li>
</ul>
运行结果