vue虚拟dom的理解

1、什么是vdom？

　　　　vdom：可以看作是一个使用javascript模拟DOM结构的树形结构。对于我们开发者而言呢，操作DOM结构是非常昂贵的，它改动后，整个容器中的内容中的内容都要重新渲染一遍，就相当于“推倒重来”，如果项目相对来说比较复杂的话，是非常影响性能的。vdom就可以很好地解决这个问题。

　　　　主流的框架均支持使用 JSX 的写法， JSX 最终会被 babel 编译为JavaScript 对象，用于来表示vdom，

和 DOM 操作比起来，js 计算是非常便宜的。vdom render + diff 显然比原生DOM渲染 html 字符串要慢，但是，它依然是纯 js 层面的计算

4、Virtual DOM的优缺点

　　　　优点：

　　　　　　1、最终表现在DOM上的修改只是变更的部分，可以保证非常高效的渲染。

　　　　　　2、提升了性能（JavaScript对象比DOM对象性能高），抽象了DOM的具体实现（对DOM进行了一层抽象）

 　　　　缺点：

　　　　　　首次渲染大量DOM时，由于多了一层虚拟DOM的计算，会比innerHTML插入慢。

 

https://www.cnblogs.com/sheep0127/p/10999843.html