Vue2 Virtual DOM

vue 虚拟dom 的重点 是以 javascript 对象模拟 dom 节点。

//用Javascript代码表示DOM节点的伪代码
Let domNode = {
  tag: 'ul'
  attributes: { id: 'myId' }
  children: [
//这里是 li
  ]
};

更新dom 节点通过JavaScript

//更新虚拟DOM的代码
domNode.children.push('<ul>Item 3</ul>');

然后，再把更改的部分更新到真正的DOM，方法如下：

//这个方法是调用DOM API来更改真正DOM的
//它会分批执行从而获取更高的效率
sync(originalDomNode, domNode);