《深入浅出Vue.js》第二篇虚拟DOM读书笔记

[Irene200825]

虚拟DOM

• jQuery和 vue.js的区别？

jQuery是命令式操作DOM，vue.js是声明式操作DOM。命令式是通过命令每一步去做，达到想要的效果。声明式是告诉对方想要的效果，不需要关心如何去做。

• 虚拟DOM运作原理？

通过状态生成一个虚拟节点树，然后使用虚拟节点树进行渲染。在渲染之前，会使用新生成的虚拟节点树和上一次生成的虚拟节点树进行对比，只渲染不同的部分。

• vue.js为什么使用虚拟DOM？

避免不必要的DOM操作，节省一定的性能开销。

由于使用变化侦测可以更改细粒度。vue.js1.0因为细粒度太细，内存和依赖追踪开销过大。Vue.js2.0采用中等粒度，组件级别是一个Watcher实例，组件内部采用虚拟DOM渲染视图，大大缩减依赖数量和Watcher数量。

参考 刘博文的《深入浅出Vue.js》

[Irene200825]

状态->虚拟节点树->视图

参考 刘博文的《深入浅出Vue.js》
参考 揭秘Vue中的Virtual Dom
参考 Vue源码剖析——render、patch、updata、vnode

[Irene200825]

新旧虚拟节点树怎么比对