vue 对象与数组循环渲染更新

数组渲染

 <div v-for="(item,index) of list" :key="index">
  {{item.text}} ———— {{index}}
</div>

对象渲染

<div v-for="(item,key,index) of obj" :key="index">
  {{item}}--{{key}}--{{index}}
</div>

列表与对象值

data:{
list:[{id:1,text:'aa'},{id:2,text:'bb'},{id:3,text:'cc'},{id:4,text:'dd'}],
obj:{name: "张三",age: 18,gender: "man"}
}