列表渲染
使用v-for指令来进行一个数组的渲染,
基于item in items其中item是迭代名,items是源数据的数组
且迭代名称也可以自由定义,只需要与后面插值表达式的一致即可
v-for也可以 支持第二个参数进行位置的索引(item,index) in items
还有一个小的注意点
in也可以换成of 一样的用法
v-for遍历
可以遍历数组也可以遍历对象
遍历数组可以是两个参数 item,index
遍历对象可以是三个参数 item,key,index
通过key管理状态
为什么要使用key?
因为vue是默认按照就地更新的策略来进行渲染元素的,
有几个元素假如交换了顺序,vue是不交换顺序,
而是重新进行更新,使用key这个是为了避免这个问题。
key的使用
在每一次进行v-for渲染的时候都建议添加一个key 可以理解
为自定义属性,一般从网络上拿下来的数据都有一个唯一的id,绑定这个id即可
标签:index,遍历,渲染,items,item,key,Vue3
From: https://www.cnblogs.com/JinshanJiao/p/18190345