Vue3 列表渲染以及key值的状态管理 的学习

列表渲染

使用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即可