Function processElement

vue.js:13550–13575

(element, options)

    //校验属性的值，为el添加muted， events，nativeEvents，directives，  key， ref，slotName或者slotScope或者slot，component或者inlineTemplate 标志 属性
    function processElement(element, options) {
        //获取属性key值，校验key 是否放在template 标签上面 为el 虚拟dom添加 key属性
        processKey(element);

        // determine whether this is a plain element after
        // removing structural attributes
        //确定这是否是一个普通元素后
        //删除结构属性
        element.plain = !element.key && !element.attrsList.length;  //如果没有key 也没有属性

        //获取ref 属性，并且判断ref 是否含有v-for指令 为el虚拟dom 添加 ref 属性
        processRef(element);

        //检查插槽作用域 为el虚拟dom添加 slotName或者slotScope或者slot
        processSlot(element);

        //  判断虚拟dom 是否有 :is属性，是否有inline-template 内联模板属性 如果有则标记下 为el 虚拟dom 添加component属性或者inlineTemplate 标志
        processComponent(element);

        //转换数据
        for (var i = 0; i < transforms.length; i++) {
            element = transforms[i](element, options) || element;
        }
        //检查属性，为虚拟dom属性转换成对应需要的虚拟dom vonde数据 为el虚拟dom 添加muted， events，nativeEvents，directives
        processAttrs(element);
    }


    //获取属性key值，校验key 是否放在template 标签上面