Function cloneVNode

vue.js:1188–1222

(vnode, deep)

    //克隆节点  把节点变成静态节点
    function cloneVNode(vnode, deep) {
        //
        var componentOptions = vnode.componentOptions;
        /*组件的option选项*/
        var cloned = new VNode(
            vnode.tag,
            vnode.data,
            vnode.children,
            vnode.text,
            vnode.elm,
            vnode.context,
            componentOptions,
            vnode.asyncFactory
        );
        cloned.ns = vnode.ns;/*当前节点的名字空间*/
        cloned.isStatic = vnode.isStatic;/*静态节点标志*/
        cloned.key = vnode.key;/*节点的key属性，被当作节点的标志，用以优化*/
        cloned.isComment = vnode.isComment;/*是否为注释节点*/
        cloned.fnContext = vnode.fnContext; //函数上下文
        cloned.fnOptions = vnode.fnOptions; //函数Options选项
        cloned.fnScopeId = vnode.fnScopeId; //函数范围id
        cloned.isCloned = true;
        /*是否为克隆节点*/
        if (deep) { //如果deep存在
            if (vnode.children) { //如果有子节点
                //深度拷贝子节点
                cloned.children = cloneVNodes(vnode.children, true);
            }
            if (componentOptions && componentOptions.children) {
                //深度拷贝子节点
                componentOptions.children = cloneVNodes(componentOptions.children, true);
            }
        }
        return cloned
    }

    //克隆多个节点 为数组的
    function cloneVNodes(vnodes, deep) {