Function _createElement

vue.js:6371–6531

(context,  //vm vue实例化的对象
        tag,  //节点
        data,  //标签数据，包括属性，class style 指令等
        children, //子节点
        normalizationType // 1或者2
    )

    //创建虚拟dom节点
    function _createElement(context,  //vm vue实例化的对象
        tag,  //节点
        data,  //标签数据，包括属性，class style 指令等
        children, //子节点
        normalizationType // 1或者2
    ) {
        /**
         *  如果存在data.__ob__，
         * 说明data是被Observer观察的数据
         * 不能用作虚拟节点的data
         * 需要抛出警告，
         * 并返回一个空节点
         * 被监控的data不能被用作vnode渲染的数据的原因是：data在vnode渲染过程中可能会被改变，
         * 这样会触发监控，
         * 导致不符合预期的操作
         * */
        if (isDef(data) && isDef((data).__ob__)) {
            "development" !== 'production' && warn(
                "Avoid using observed data object as vnode data: " + (JSON.stringify(data)) + "\n" +
                'Always create fresh vnode data objects in each render!',
                context
            );
            //创建一个空的节点
            return createEmptyVNode()
        }
        // object syntax in v-bind
        // v-bind中的对象语法
        //如果定义有数据并且数据中的is也定义了
        if (isDef(data) && isDef(data.is)) {
            tag = data.is; //tag等于is
        }
        //如果tag不存在
        // 当组件的is属性被设置为一个falsy的值
        // Vue将不会知道要把这个组件渲染成什么
        // 所以渲染一个空节点
        if (!tag) {
            // in case of component :is set to falsy value
            //组件的情况:设置为falsy值 创建一个空节点
            return createEmptyVNode()
        }
        // warn against non-primitive key
        //警告非原始键
        if ("development" !== 'production' &&
            isDef(data) && isDef(data.key) && !isPrimitive(data.key)
        ) {
            {
                warn(
                    'Avoid using non-primitive value as key, ' +
                    'use string/number value instead.',
                    context
                );
            }
        }
        // support single function children as default scoped slot
        //支持作为默认作用域插槽的单函数子函数
        if (
            Array.isArray(children) &&  //如果子节点是数组
            typeof children[0] === 'function' //并且第一个子节点类型是函数