Function preTransformNode

vue.js:14083–14173

(
        el,  //虚拟dom  vonde
        options
    )

    // preTransformNode把attrsMap与attrsList属性值转换添加到el   ast虚拟dom中为虚拟dom添加for，alias，iterator1，iterator2，
    // addRawAttr ，type ，key， ref，slotName或者slotScope或者slot，component或者inlineTemplate ， plain，if ，else，elseif 属性
    function preTransformNode(
        el,  //虚拟dom  vonde
        options
    ) {
        if (el.tag === 'input') {  //如果是input标签

            var map = el.attrsMap; //获取vonde 所有属性
            if (!map['v-model']) { //如果属性中没有v-model 则不需要执行
                return
            }

            var typeBinding; //类型
            if (map[':type'] || map['v-bind:type']) { //获取类型属性
                typeBinding = getBindingAttr(el, 'type'); //获取类型属性值
            }
            if (!map.type && !typeBinding && map['v-bind']) { //如果获取不到type属性也获取不到v-bind:type属性，可以获取到v-bind属性
                typeBinding = "(" + (map['v-bind']) + ").type"; //获取到v-bind的值，比如v-bind等于abc变成  (abc).type
            }

            if (typeBinding) {         //判断 typeBinding 是否存在
                var ifCondition = getAndRemoveAttr(el, 'v-if', true); //获取v-if值
                var ifConditionExtra = ifCondition ? ("&&(" + ifCondition + ")") : ""; //判断if是否有值比如v-if="flag" 如果有 变成   &&(flag)
                var hasElse = getAndRemoveAttr(el, 'v-else', true) != null; //获取 v-else 属性值 标志 如果有有 可能是 ''   ，  ''!= null 为真
                var elseIfCondition = getAndRemoveAttr(el, 'v-else-if', true); //获取v-else-if 的值
                // 1. checkbox   克隆 创建 checkbox ast 元素
                var branch0 = cloneASTElement(el);
                // process for on the main node
                //判断获取v-for属性是否存在如果有则转义 v-for指令 把for，alias，iterator1，iterator2属性添加到虚拟dom中
                processFor(branch0);

                //添加type 属性 值为checkbox
                addRawAttr(branch0, 'type', 'checkbox');

                //校验属性的值，为el添加muted， events，nativeEvents，directives，  key， ref，slotName或者slotScope或者slot，component或者inlineTemplate 标志 属性
                processElement(branch0, options);

                branch0.processed = true; // prevent it from double-processed 防止它被重复处理
                branch0.if = "(" + typeBinding + ")==='checkbox'" + ifConditionExtra; //     ifConditionExtra 是 判断if是否有值比如v-if="flag" 如果有 变成   &&(flag)  最终合并成  ((abc).type)===checkbox&&(flag)
                //为if指令添加标记
                addIfCondition(
                    branch0,  //虚拟dom
                    {
                        exp: branch0.if, //if指令的标志
                        block: branch0 //虚拟dom
                    }
                );
                // 2. add radio else-if condition 添加radio else-if条件
                //克隆 创建 radio ast 元素
                var branch1 = cloneASTElement(el);

                //删除v-for 属性
                getAndRemoveAttr(branch1, 'v-for', true);

                //添加type 属性
                addRawAttr(branch1, 'type', 'radio');

                //校验属性的值，为el 虚拟dom添加muted， events，nativeEvents，directives，  key， ref，slotName或者slotScope或者slot，component或者inlineTemplate 标志 属性
                processElement(branch1, options);