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 替换。
VUE 1、v-show和v-if的区别2、为何v-for中要用key3、描述Vue组件生命周期（有父子组件的情况...
一.当v-for中key相同时，vue如何判断，如何渲染 如果不使用 key，Vue 会使用一种最大限度减少动态元...
6 道面试题 v-show & v-if 的区别 为啥 v-for 中要用key 描述Vue组件生命周期（有无父子...
key vue官网推荐我们使用v-for时，给每一个节点元素添加一个唯一的 key，其实不只是vue，react中...
v-if 和 v-show 的区别 为何v-for要使用key 描述vue组件的生命周期（有父子组件的情况下） V...
vue中动态绑定class的方式? watch和computed的区别 vue中key的作用 vue父传子 子传父...
参考：Vue列表渲染(1) 列表渲染示例 (2) :key 值的选取 使用 v-for 循环 array 中 it...
vue中虚拟dom的key的作用？ （1）v-if不加key，切换input，但用户输入的数据不会被清除，除非设置...
v-for中key的使用注意项v-for在循环时，key属性只能使用number获取stringkey在使用时只能...
声明：此文章不是原创，在百度一下发现的，我认为它清晰的解释了vue的v-for中为什么要加：key的原因。内容精炼...
本文标题：vue中 v-for 加key 和不加key 的区别
本文链接：https://www.haomeiwen.com/subject/qmgpddtx.html
网友评论