Function invokeCreateHooks

vue.js:8356–8390

(vnode, insertedVnodeQueue)

        // invokeCreateHooks，循环cbs.create 钩子函数，并且执行调用，其实cbs.create 钩子函数就是platformModules中的attrs中 updateAttrs更新属性函数。如果是组件则调用componentVNodeHooks中的 create
        function invokeCreateHooks(vnode, insertedVnodeQueue) {
            // 这里的cbs如下：
            /*
             cbs={
             'create':[],
             'activate':[],
             'update':[],
             'remove':[],
             'destroy:[]
             }
             */
            // activate:Array(1)
            // create:Array(8)
            // destroy:Array(2)
            // remove:Array(1)
            // update:Array(7)
            // __proto__:Object
            console.log('==cbs.create==')
            console.log(cbs)
            for (var i$1 = 0; i$1 < cbs.create.length; ++i$1) {

                cbs.create[i$1](emptyNode, vnode);
            }
            i = vnode.data.hook; // Reuse variable 如果他是组件
            console.log(i)
            // 如果是组件则调用componentVNodeHooks中的 create
            if (isDef(i)) {
                if (isDef(i.create)) { //但是componentVNodeHooks 中没有create 所以下面可能不会执行
                    i.create(emptyNode, vnode);
                }
                if (isDef(i.insert)) {
                    insertedVnodeQueue.push(vnode);
                }
            }
        }

        // set scope id attribute for scoped CSS.
        // this is implemented as a special case to avoid the overhead