Function createPatchFunction

vue.js:7926–9041

(backend)

    //创建虚拟dom
    function createPatchFunction(backend) {
        /*
         var nodeOps = Object.freeze({
         createElement: createElement$1, //创建一个真实的dom
         createElementNS: createElementNS, //创建一个真实的dom svg方式
         createTextNode: createTextNode, // 创建文本节点
         createComment: createComment,  // 创建一个注释节点
         insertBefore: insertBefore,  //插入节点 在xxx  dom 前面插入一个节点
         removeChild: removeChild,   //删除子节点
         appendChild: appendChild,  //添加子节点 尾部
         parentNode: parentNode,  //获取父亲子节点dom
         nextSibling: nextSibling,     //获取下一个兄弟节点
         tagName: tagName,   //获取dom标签名称
         setTextContent: setTextContent, //  //设置dom 文本
         setStyleScope: setStyleScope  //设置组建样式的作用域
         });
         modules=[
         attrs,  // attrs包含两个方法create和update都是更新设置真实dom属性值 {create: updateAttrs,  update: updateAttrs   }
         klass, //klass包含类包含两个方法create和update都是更新calss。其实就是updateClass方法。 设置真实dom的class
         events, //更新真实dom的事件
         domProps, //更新真实dom的props 属性值
         style, // 更新真实dom的style属性。有两个方法create 和update 不过函数都是updateStyle更新真实dom的style属性值.将vonde虚拟dom的css 转义成并且渲染到真实dom的css中
         transition // 过度动画
         ref,  //ref创建，更新 ， 销毁 函数
         directives //自定义指令 创建 ，更新，销毁函数
         ]
         */
        console.log(backend)

        var i, j;
        var cbs = {};
        console.log('==backend==')
        console.log(backend)
        var modules = backend.modules;
        var nodeOps = backend.nodeOps;


        //  把钩子函数添加到cbs队列中  循环数字 var hooks = ['create', 'activate', 'update', 'remove', 'destroy'];
        for (i = 0; i < hooks.length; ++i) {
            cbs[hooks[i]] = [];
            //循环modules 数组
            for (j = 0; j < modules.length; ++j) {
                //判断modules上面是否有定义有  'create', 'activate', 'update', 'remove', 'destroy'
                if (isDef(modules[j][hooks[i]])) {
                    //如果有则把他添加到cbs 对象数组中
                    cbs[hooks[i]].push(modules[j][hooks[i]]); //把钩子函数添加到cbs队列中
                }
            }
        }
        /*
         cbs={
                 'create':[],
                 'activate':[],
                 'update':[],
                 'remove':[],
                 'destroy:[]
         }
         */