vue中的虚拟DOM树

什么是虚拟DOM树？（Virtual DOM）

　　  虚拟DOM树其实就是一个普通的js对象，它是用来描述一段HTML片段的

　　   01    当页面渲染的时候Vue会创建一颗虚拟DOM树

02    当页面发生改变Vue会再创建一颗新的虚拟DOM树

03    前后两颗新旧虚拟DOM树进行对比，Vue通过diff算法，去记录差异的地方

　　   04    将有差异的地方更新到真实的DOM树中

虚拟DOM树有什么用？　

　　vue中的虚拟DOM树只会重新渲染页面修改的地方，大大减少了对真实DOM树的操作。 -------虚拟DOM树是占内容的，但是可以帮我们提高DOM的性能。

　　可以这样理解，虚拟DOM树是用空间(虚拟DOM树占空间)换时间(虚拟DOM树可以提高DOM效率)。

Vue  v-for 中 :key 到底有什么用？

　　　vue不直接操作真实的DOM树，通过虚拟DOM树就可以重新渲染修改的地方，影藏在背后的原理其实就是 diff 算法。

key的作用是为了高效的更新虚拟DOM树，提高查找的效率，一次性定位到要修改的元素

Vue的更新方式？

Vue是通过对比组件自身的新旧虚拟DOM进行更新的。