Function genElement

vue.js:14733–14799

(
        el, //ast对象或者虚拟dom
        state //渲染虚拟dom的一些方法
    )

    //根据el判断是否是组件，或者是否含有v-once，v-if,v-for,是否有template属性，或者是slot插槽，转换style，css等转换成虚拟dom需要渲染的参数函数
    function genElement(
        el, //ast对象或者虚拟dom
        state //渲染虚拟dom的一些方法
    ) {
        console.log(state)
        console.log(el)



        if (el.staticRoot && !el.staticProcessed) {
            //将子节点导出虚拟dom 渲染函数的参数形式。静态渲染
            return genStatic(el, state)
        } else if (el.once && !el.onceProcessed) {
            //参考文档 https://cn.vuejs.org/v2/api/#v-once
            // v-once
            // 不需要表达式
            // 详细：只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能
            // <!-- 单个元素 -->
            // <span v-once>This will never change: {{msg}}</span>
            return genOnce(el, state);
        } else if (el.for && !el.forProcessed) {
            // v-for
            //判断标签是否含有v-for属性 解析v-for指令中的参数 并且返回 虚拟dom需要的参数js渲染函数
            return genFor(el, state)
        } else if (el.if && !el.ifProcessed) { //判断标签是否有if属性
            // v-if
            //判断标签是否含有if属性 解析 if指令中的参数 并且返回 虚拟dom需要的参数js渲染函数
            return genIf(el, state)
        } else if (el.tag === 'template' && !el.slotTarget) {
            //标签是模板template
            //获取虚拟dom子节点
            return genChildren(el, state) || 'void 0'
        } else if (el.tag === 'slot') {
            //如果标签是插槽
            return genSlot(el, state)
        } else {
            // component or element
            //组件或元素
            var code;
            if (el.component) { //如果是组件

                //创建一个虚拟dom 的参数渲染的函数
                code = genComponent(
                    el.component,
                    el,
                    state
                );
            } else {

                var data = el.plain ?  //如果标签中没有属性则这个标志为真
                    undefined :
                    genData$2(el, state);

                var children = el.inlineTemplate ? //是不是内联模板标签
                    null :
                    genChildren(el, state, true);
                code = "_c('" + (el.tag) + "'" + (data ? ("," + data) : '') + (children ? ("," + children) : '') + ")";
            }