vue中引入virtual dom除了更多功能还有什么更深的含义吗？

Question

现在疑问主要就是我觉得vue通过数据劫持+同时绑定真实dom节点，应该能够做到现有的效果吧？当数据变化异步更新到实际的dom节点，应该可以直接锁定dom节点并完成dom操作，似乎没必要引入virtual dom来构建一棵树去diff和patch。而且vue也是2.0以后才引入的，所以说以前的vue应该并不需要virtual dom就能实现数据绑定mvvm吧？

vue引入virtual dom，我了解到的用处有提供render函数、支持jsx、服务器渲染这三个，所以说是不是就是主要为了这三个功能而引入？对原来数据劫持然后更新到真实dom节点这一流程是否有什么影响呢？

Answer 1

操作真实dom开销大，引入virtual dom来构建一棵树去diff属于纯js操作，相比操作真实dom的开销小
引入virtual dom来构建一棵树去diff和patch可以最小化对真实dom的操作，保证整个过程的开销在一定程度内

Answer 2

真实的DOM节点，一个最简单的div也包含着很多属性，可以打印出来直观感受一下：

如果一次操作中有10次更新DOM的动作，virtual dom不会立即操作DOM，而是将这10次更新的diff内容保存到本地的一个js对象中，最终将这个js对象一次性attach到DOM树上，通知浏览器去执行绘制工作，这样可以避免大量的无谓的计算量