前言
在前端开发中,使用Vue做项目的过程中会涉及到key的使用,关于key的使用也是非常常用的知识点,但是有些开发者关于key的详细作用却不太清楚。那么本篇博文就来分享一下关于Vue中key属性的作用详解,这里和Vue中虚拟Dom结合讲解,该知识点在前端求职面试的时候也是高频考察的知识点,所以总结一下,方便查阅使用。
key的含义
这里的key一般指的是key值,它主要用来管理可重复使用的元素,也就是可复用的元素。
虚拟Dom
由于在浏览器中操作DOM是很昂贵的,频繁的操作DOM会产生一定的性能问题,这就是虚拟Dom的诞生原因。Virtual DOM本质就是用一个原生的JS对象去描述一个DOM节点,是对真实DOM的一层抽象。
虚拟DOM的实现原理主要包括3个部分:第一,用JavaScript对象模拟真实DOM树,对真实 DOM 进行抽象。第二,使用diff算法,比较两棵虚拟 DOM 树的差异,其中diff算法的特点:一,先进行同级比较,再比较子节