Function createComponent

vue.js:6081–6263

(
        Ctor, //VueComponen函数
        data, // 组件标签上面的属性数据
        context, //vm Vue 实例化之后的对象上下文
        children, //子节点
        tag)

    //创建组件
    function createComponent(
        Ctor, //VueComponen函数
        data, // 组件标签上面的属性数据
        context, //vm Vue 实例化之后的对象上下文
        children, //子节点
        tag) {  //标签



        if (isUndef(Ctor)) {
            return
        }
        //vue
        //用来标识扩展所有普通对象的“基”构造函数
        // Weex的多实例场景中的组件。
        var baseCtor = context.$options._base;  //基本的Vue 静态类

        // plain options object: turn it into a constructor
        //普通选项对象:将其转换为构造函数  _base vue 的 构造函数
        if (isObject(Ctor)) {
            Ctor = baseCtor.extend(Ctor);
        }

        // if at this stage it's not a constructor or an async component factory,
        //如果在这个阶段它不是构造函数或异步组件工厂，
        // reject.
        if (typeof Ctor !== 'function') { //如果不是函数则发出警告
            {
                warn(("Invalid Component definition: " + (String(Ctor))), context);
            }
            return
        }
        console.log(Ctor)
        console.log(baseCtor)
        console.log(context)


        // async component
        //异步组件
        var asyncFactory;
        // Vue.cid = 0;


        if (isUndef(Ctor.cid)) { //组件的id 唯一标识符

            asyncFactory = Ctor; //
            // 解决异步组件 更新组建数据
            Ctor = resolveAsyncComponent(  //返回组件现在的状态
                asyncFactory, //新的
                baseCtor, //基本的Vue 静态类
                context //当前已经实例化的vm对象
            );

            if (Ctor === undefined) {
                // return a placeholder node for async component, which is rendered
                // as a comment node but preserves all the raw information for the node.
                // the information will be used for async server-rendering and hydration.