vue 虚拟dom，diff算法

虚拟daom

虚拟dom就是普通的js对象来描述DOM结构，因为不是真是DOM，所以被称之为虚拟DOM

虚拟dom是浏览器所渲染出来的真实dom，在react，vue 等技术出现之前，改变页面展示的内容，只能通过遍历查询dom树的方式，找到需要修改的dom，然后修改样式行为或者结构，来达到更新视图的目的。

diff算法

diff算法就是进行虚拟节点对比，并返回一个patch对象，用来存储两个节点不同的地方，最后用patch记录的消息去局部更新Dom。

简单来说：diff的过程就是调用名为patch的函数，比较新旧节点，一边比较一边给真实的DOM打补丁

其有两个特点：

• 比较只会在同层级进行, 不会跨层级比较
• 在diff比较的过程中，循环从两边向中间比较

diff 算法的在很多场景下都有应用，在 vue 中，作用于虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较