说说 Vue.js 中的 Virtual DOM 技术

Virtual DOM 不是 DOM ，它是一个轻量级的 JavaScript 对象，当状态发生变化时， Virtual DOM 会进行 Diff 运算，只更新那些需要真正被替换的 DOM 。

因为 Virtual DOM 只是基于 JavaScript 进行计算，所以相对于 DOM 来说，性能更高，开销更小。

Vue.js 2 中的 Virtual DOM 是通过 VNode 来实现的，每个 DOM 元素或组件都会对应一个 VNode 对象：

var VNode = function VNode (
        tag,
        data,
        children,
        text,
        elm,
        context,
        componentOptions
    ) {
        this.tag = tag;
        this.data = data;
        this.children = children;
        this.text = text;
        this.elm = elm;
        this.ns = undefined;
        this.context = context;
        this.functionalContext = undefined;
        this.key = data && data.key;
        this.componentOptions = componentOptions;
        this.componentInstance = undefined;
        this.parent = undefined;
        this.raw = false;
        this.isStatic = false;
        this.isRootInsert = true;
        this.isComment = false;
        this.isCloned = false;
        this.isOnce = false;
    };

VNode 分为以下类型：