vue中的v-for的key

91 阅读1分钟

虚拟dom操作:

当页面的数据发生变化时,Diff算法只会比较同一层级的节点:

如果节点类型不同,直接干掉前面的节点,再创建并插入新的节点,不会再比较这个节点以后的子节点了。 如果节点类型相同,则会重新设置该节点的属性,从而实现节点的更新。

key的作用:

对v-for的数组列表

每一项都加上key

当进行增删改的操作的时候,就可以对dom进行快速操作,操作的节点后面的dom不进行修改,减少了dom操作的时间和资源