Vue学习----Virtual Dom

Vue.js 2.x和Vue.js 1.x最大的区别就是2.x使用了Virtual Dom（虚拟DOM）来更新DOM节点，提升渲染性能

React和Vue 2都使用了Virtual DOM技术，Virtual Dom并不是真正意义上的DOM，而是一个轻量级的javaScript对象，在状态改变时，Virtual会进行Diff运算，来更新只需要被替换的DOM，而不是全部绘制。

正常DOM节点在HTML中

<div id＝"main"〉
	<p>文本内容</p>
	<p>文本内容</p>
</div>

用Virtual Dom创建的javaScript对象一般是：

var vnode={
	tag: 'div',
	attributes{
		id:'main'
	},
	children:{
		//p节点
	}
}