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中 v-for 加key 和不加key 的区别
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 首先什么是虚拟节点？ 一般来说HTML的元素解析成DOM树后，真实挂载的元素就是Node。而VNode(虚拟节点)...
- 1. v-for中的key 用 v-for 更新已渲染过的元素列表时，它默认使用“就地复用”的策略。如果数据项的顺...
- 在写vue代码的时候，经常有用到v-for这个指令来遍历数组或者对象，官方文档推荐我们在使用v-for的时候，加上...
