循环渲染（vue）

循环渲染

语法

1.渲染数组v-for=’(value值,index下标) in data’ v-bind:key=‘index’

可以遍历的值类型

数组，对象，字符，串数字
2.渲染对象 v-for=’(value值,key属性名,index下标) in obj’ v-bind:key=‘index’
3.【注意】被循环的元素上必须加上key(key值不能重复)
4.循环渲染为什么要加key：v-for语法中循环渲染虚拟dom时使用diff算法计算中用于优化算法的。key必须保证在作用域中每一个值都是唯一不可重复的。
官方不推荐使用下标，且不可以使用时间戳，随机数
推荐使用value+sshkey，sshkey=index || value+value2
5.作用：每个元素拥有独立的key值，key相当于人类的身份证(key值是唯一的)

diff算法

渲染快的原理：当数据发生改变的时候会生成新的虚拟dom树（object）。层层对比，用新的节点对比旧的节点，一旦发现不一样的节点就直接用新的替换旧的