v-for 遍历对象

在使用v-for的时候 ,大多数是用来遍历数组的,那么v-for是否能够用来遍历对象,得到的结果又是什么?

let list = { name:"LiHua",sex:"male"}

1.获取value,格式:value in list

<ul>
  <li v-for="value in list">{{value}}</li>
</ul>
  1. 获取key和value,格式:(value,key) in list
<ul>
  <li v-for="(value,key) in list">{{value}}、{{key}}</li>
</ul>
  1. 获取key,value,index 格式(value,key,index) in list
<ul>
  <li v-for="(value,key,index) in list">{{value}}、{{key}}、{{index}}</li>
</ul>
posted @ 2022-10-27 13:16  槑孒  阅读(175)  评论(0编辑  收藏  举报