我是靠谱客的博主 活力香氛,最近开发中收集的这篇文章主要介绍说一说 Vue 列表为什么加 key?,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

解题思路

得分点

        性能优化、diff算法节点比对、key不能是index

标准回答

        为了性能优化 因为vue是虚拟DOM,更新DOM时用diff算法对节点进行一一比对,比如有很多li元素,要在某个位置插入一个li元素,但没有给li上加key,那么在进行运算的时候,就会将所有li元素重新渲染一遍,但是如果有key,那么它就会按照key一一比对li元素,只需要创建新的li元素,插入即可,不需要对其他元素进行修改和重新渲染。 加分回答 key也不能是li元素的index,因为假设我们给数组前插入一个新元素,它的下标是0,那么和原来的第一个元素重复了,整个数组的key都发生了改变,这样就跟没有key的情况一样了

最后

以上就是活力香氛为你收集整理的说一说 Vue 列表为什么加 key?的全部内容,希望文章能够帮你解决说一说 Vue 列表为什么加 key?所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(48)

评论列表共有 0 条评论

立即
投稿
返回
顶部