vue中 v-for 加key 和不加key 的区别

1.在vue 之中只有v-for 会使用key 进行标记
2.v-for 代表的是一组数据的渲染
3.而key 只会在这一组dom 发生变化的时候才会有价值
4.举例 [a,b,c] 变[a,b,d] 可以看出a和b 是不需要重新渲染dom ，重新渲染只有d
5.这个对于程序而言，并不知道哪个发生了改变，在vue中是通过vnode 进行一个渲染，但是vnode 是一个复杂对象，没法进行一个全等比较。
6.所以在vue 中有一个方法叫做isSomeVnodeType 的方法进行一个比较，里面主要是通过type和key 进行一个比较，type 是标签类型，key 则是vue 中的key。如果这两个都相等，vue 就认为是相同的节点不会进行一个dom 替换。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容