Function genComponentModel

vue.js:9872–9919

* Cross-platform code generation for component v-model * 组件v-model的跨平台代码生成 更新$$v 数据 * 为虚拟dom添加model属性，

(
        el, //虚拟dom
        value, //绑定v-model 的值
        modifiers
    )

     *  为虚拟dom添加model属性，
     */
    function genComponentModel(
        el, //虚拟dom
        value, //绑定v-model 的值
        modifiers
    ) {
        var ref = modifiers || {};
        var number = ref.number; //数字
        var trim = ref.trim; //去除字符串
        // 给baseValueExpression赋值一个默认的字符串
        var baseValueExpression = '$$v';
        var valueExpression = baseValueExpression;
        if (trim) {
            // 判断类型是否为字符串，如果是使用去空格方法，如果不是返回原值
            valueExpression =
                "(typeof " + baseValueExpression + " === 'string'" +
                "? " + baseValueExpression + ".trim()" +
                ": " + baseValueExpression + ")";
        }
        if (number) { //如果是数字 则用数字渲染方法
            valueExpression = "_n(" + valueExpression + ")";
        }

        /*
         *创赋值代码，转义字符串对象拆分字符串对象  把后一位key分离出来
        * 返回 key"=" value
        * 或者 $set(object[info],key,valueExpression)
        */
        var assignment = genAssignmentCode(
            value, //绑定v-model 的属性值
            valueExpression //值
        );
        console.log(value)
        console.log(valueExpression)
        console.log(baseValueExpression)
        console.log(assignment)


        //如果 trim不存在，number 不存在 则 valueExpression 默认为$$v
        //回调函数是 $set(object[info],key,$$v) 更新$$v的值
        el.model = {
            value: ("(" + value + ")"), // 绑定v-model 的值
            expression: ("\"" + value + "\""), //绑定v-model 的值
            //函数  $set(object[info],key,$$v) //$set更新值函数
            callback: ("function (" + baseValueExpression + ") {" + assignment + "}")
        };


    }

    /**
     * Cross-platform codegen helper for generating v-model value assignment code.