标签：react vue dom 解读 key 组件 diff

1.：key即（v-bind:key）组件绑定的key属性。

不止在vue中react在执行页面渲染的时候也会要求每个列表的组件绑定一个key属性。

key的作用与虚拟dom的diff算法有关。

vue和react都有一套虚拟dom，使我们在不操作DOM元素的情况下，只操作数据便可以重新渲染页面。
而它所依赖的便是Diff算法。

vue和react的虚拟dom的diff算法大致相同，其核心是基于两个简单的假设：

1.两个相同的组件产生类似的dom结构，不同的组件

2.同一层级的一组节点，他们可以通过唯一的id进行区分。

当页面数据发生变化时，diff算法指挥比较同一层级的节点。

**key的作用主要是为了高效的更新虚拟DOM**。另外vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们

标签：react,vue,dom,解读,key,组件,diff
来源： https://www.cnblogs.com/zpsblog/p/14515804.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。