码迷,mamicode.com
首页 > 编程语言 > 详细

vue和react的diff算法的区别

时间:2020-05-05 00:31:36      阅读:551      评论:0      收藏:0      [点我收藏+]

标签:相同   比较   不同   方式   依次   pat   name   重建   属性   

vue和react的diff算法,都是忽略跨级比较,只做同级比较。vue diff时调动patch函数,参数是vnode和oldVnode,分别代表新旧节点。

1. vue比对节点,当节点元素类型相同,但是className不同,任务是不同类型元素,删除重建,而react会认为是同类型节点,只是修改节点属性

2. vue的列表比对,采用从两端到中间的比对方式,而react则采用从左到右依次比对的方式。当一个集合,只是把最后一个节点移动到了第一个,react会把前面的节点依次移动,而vue只会把最后一个节点移动到第一个。总体上,vue的对比方式更高效。

vue和react的diff算法的区别

标签:相同   比较   不同   方式   依次   pat   name   重建   属性   

原文地址:https://www.cnblogs.com/mengff/p/12828825.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!