Function processAttrs

vue.js:13796–13961

(el)

    }
    //检查属性，为虚拟dom属性转换成对应需要的虚拟dom vonde数据 为el虚拟dom 添加muted， events，nativeEvents，directives
    function processAttrs(el) {
        var list = el.attrsList; //获取属性列表
        var i, //循环数组的索引
            l, //属性数组长度
            name, //获取 view 属性的名称
            rawName,//获取 view 属性的名称
            value, //属性名
            modifiers,
            isProp; //是否是props 属性

        for (i = 0, l = list.length; i < l; i++) { //循环属性列表
            name = rawName = list[i].name; //获取 view 属性的名称
            value = list[i].value; //获取属性的值

            if (dirRE.test(name)) { // 判断是否是 v-或者@或者:  属性开头的
                // mark element as dynamic
                el.hasBindings = true; // 动态标记元素
                // modifiers 编辑器    //把字符串中的对象拆分成 对象比如 data.object.info.age 变成对象{object:true,info:true,age:true} 返回出去
                modifiers = parseModifiers(name);
                if (modifiers) {
                    //把刚才后面的.+字符串去除掉 获取最后一位的key
                    name = name.replace(modifierRE, '');
                }
                if (bindRE.test(name)) { // v-bind  匹配开始匹配是 :或者是v-bind

                    name = name.replace(bindRE, ''); //去除   开始匹配是 :或者是v-bind
                    // 处理value 解析成正确的value，把过滤器 转换成vue 虚拟dom的解析方法函数 比如把过滤器 ' ab | c | d' 转换成 _f("d")(_f("c")(ab))
                    // 表达式中的过滤器解析方法
                    value = parseFilters(value);
                    isProp = false;
                    if (modifiers) { //匹配到对象点的时候
                        if (modifiers.prop) {//匹配到有prop属性的时候
                            isProp = true;
                            //属性 v-model 变成 vModel
                            name = camelize(name);
                            //如果是innerHtml属性变成innerHTML
                            if (name === 'innerHtml') {
                                name = 'innerHTML';
                            }
                        }
                        if (modifiers.camel) {
                            name = camelize(name);
                        }
                        if (modifiers.sync) { //同步属性

                            //为虚拟dom添加events 事件对象属性，如果添加@click='clickEvent' 则此时 虚拟dom为el.events.click.value="clickEvent"
                            //或者虚拟dom添加nativeEvents 事件对象属性，如果添加@click.native='clickEvent' 则此时 虚拟dom为el.nativeEvents.click.value="clickEvent"
                            addHandler(
                                el,
                                ("update:" + (camelize(name))), //  //属性 v-model 变成 vModel
                                //创建赋值代码
                                // 创赋值代码，子功能转义字符串对象拆分字符串对象  把后一位key分离出来
                                genAssignmentCode(  //返回值 函数
                                    value,  //对象
                                    "$event" //key
                                )
                            );
                        }