Vue 2 源码 - 虚拟 DOM 和 diff 算法 前端鹅 2021-10-27 119 阅读1分钟 虚拟DOM 虚拟DOM相对于浏览器所渲染出来的真实 DOM，在 React，Vue 等技术出现之前， 改变页面展示内容只能遍历查询 DOM 树找到需要修改的 DOM,然后修改样式行为或者结构，来更新UI，但是这种方式相当消耗计算资源，每次查询DOM几乎都需要遍历整棵DOM树，因此建立一个与真实DOM树对应的虚拟DOM对象（JavaScript对象），以对象嵌套的方式来表示DOM树，那么每次DOM的更改就变成了对象属性的更改，这样一来就能通过diff算法查找变化要比查询真实的DOM树的性能开销小
