vue中的常见指令:v-for

73 阅读1分钟

作用:

基于源数据多次渲染元素或模板块,也就是对数据进行动态渲染

语法:

(1).遍历数组:value是数组的成员,index是数组的索引

<元素 v-for='(value,index) in 数组>{{value}}:{{index}}</元素>

(2).遍历对象:value是对象的属性值,key是对象的属性名称,index是索引(一般不用)

<元素 v-for='(value,key,index) in 对象>{{value}}:{{key}}:{{index}}</元素>

使用方式:

想循环生成什么结构,就在这个结构上添加v-for

image.png