【Vue3 基础加餐篇】07.key 的作用源码解析
创始人
2025-05-31 06:16:40
Vue 中增加 key ，是为了更精准的定位到元素，从而减少渲染。那具体这个更精准的定位是什么？以及为什么能减少渲染呢？我们在这一章节讲述。
虚拟 DOM
要聊这个之前，必须要有虚拟 DOM 的概念，这个不得不聊。
虚拟对象就是一种用来描述真实 DOM 的 js 对象。这样我们就可以通过对比 vnode（虚拟 DOM 树的节点），知道需要更新的 DOM 结构。
关于真实 DOM 与虚拟 DOM 的关系，你可以看做真实 DOM 为真实的建筑，而虚拟 DOM 为建筑的结构图，通过虚拟 DOM 可以构建真实 DOM。
组件更新 patch
根据新旧子树的 vnode 执行 patch 进行组件更新，而 key 是 patch 中对比 vnode 不同的一个环节。
const patch = (n1,n2,container,anchor = nul相关内容
热门资讯
世界上最漂亮的人 世界上最漂亮...
此前在某网上，选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中，人们投票选出了心目中最美...
吸猫伐是什么意思 吸猫是吸哪里
作为铲屎官，相信对于网络上流行的各种与猫咪相关的梗都是了然于心的，什么吸猫啦，撸猫啦，云养猫啦……等...
世界上最漂亮的人 世界上最漂亮...
此前在某网上，选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中，人们投票选出了心目中最美...
长白山自助游攻略 吉林长白山游...
昨天介绍了西坡的景点详细请看链接：一个人的旅行，据说能看到长白山天池全凭运气，您的运气如何？今日介绍...