虚拟dom

虚拟dom

虚拟dom是在vue2.0加入的

本质是js对象（具备跨平台特质）js能跑虚拟dom就能跑

虚拟dom在vue中做了什么

vue的渲染过程 ，浏览器只认识（html,css,js）,有个转化的过程

render函数负责将template中的内容转化为真实的dom

生成虚拟dom,也就是一个js对象，最后再变成真实dom,浏览器最终呈现

缺点：会增加vue初始渲染时间

优点：更新的时候用来做对比

虚拟dom是如何提升vue渲染效率

1.局部更新（节点数据）

2.将直接操作dom的地方拿到两个js对象中进行比较，找出差异，进行更新。（之前是操作dom,现在是两个对象的对比，损耗小的多，效率可能有问题，但性能问题可以忽略不记），