vue原理

vue原理

1.虚拟 dom 是如何提升性能的

创建真实的dom会带来性能上的损失，一个dom属性多达几百个，而这些属性很多对我们来说是无用的。

 而虚拟dom是用js对象表示出来，那么当数据状态发生变化，我们可以先通过js对象的虚拟dom 计算出实际最小改动，从而提升性能 

 

2，虚拟DOM算法的几个步骤

     1.用JS对象描述出DOM树的结构，在初始化构建中，用这个虚拟树去构建真正的DOM，并在页面中展示出来。

     2.当有数据状态变更时，重新构建一个新的JS的DOM树，通过新旧对比DOM数的变化diff，并记录两棵树差异

     3.把差异部分重新构建真正的DOM，并重新渲染到页面中，这样整个虚拟DOM的操作就完成了，视图也就更新了

 

vue源码解析：https://www.jianshu.com/p/60d9452f8c52