157.[vue]你怎么理解vue中的diff算法？

weekCodeing / interview-answe

🌍 前端程序员训练求星星 ✨ 各位同学可以在issues中提问，无论是实际项目中遇到的问题，或者是技术问题都可以，大家一起解决💯 👍 😄。

http://www.dadaqianduan.cn/

76 stars 9 forks source link

Open webVueBlog opened 4 years ago

webVueBlog commented 4 years ago

[vue]

webVueBlog commented 4 years ago

virtual dom，也就是虚拟节点，它通过JS的Object对象模拟DOM中的节点，然后再通过特定的render方法将其渲染成真实的DOM节点。

新旧虚拟dom的差异比较方法称为diff算法

简单的说就是新旧虚拟dom 的比较，如果有差异就以新的为准，然后再插入的真实的dom中，重新渲染特点: 只会做同级比较，不做跨级比较