vue.js学习笔记：对虚拟DOM的理解

1、虚拟DOM

1.1本质

虚拟dom其实就是一个普通的js对象，这个对象将vue模板内的标签、属性、数据写成对象的格式，同时将vue实例中的data和methods结合起来，添加到需要的标签对象属性中。

1.2虚拟dom转真实dom

我们从虚拟dom对象中读取标签名称属性，然后利用createlement创建元素，元素名称属性就从dom里面得到。

1.3更新

当数据发生改变，自动会根据新的数据生成新的虚拟dom，然后跟原来的虚拟dom做对比，如果某个元素变了，就对某个元素进行相应的操作，如果没变，就不用理，我就不需要重新生成新的dom树了，效率就提高了。