Function transformNode

vue.js:12356–12389

(
        el, //虚拟dom vonde
        options //用户 new Vue 的参数
    )

     * 获取 class 属性和:class或者v-bind的动态属性值，并且转化成字符串 添加到staticClass和classBinding 属性中
     * */
    function transformNode(
        el, //虚拟dom vonde
        options //用户 new Vue 的参数
    ) {
        var warn = options.warn || baseWarn; //警告日志
        var staticClass = getAndRemoveAttr(el, 'class'); //获取class

        if ("development" !== 'production' && staticClass) {
            //匹配view 指令，并且把他转换成 虚拟dom vonde 需要渲染的函数,比如指令{{name}}转换成 _s(name)
            var res = parseText(
                staticClass, //class 属性值
                options.delimiters //指令 {{ }} 或者自定义指令['${',  '}']
            );
            //如果在静态的class中有动态 指令的话 则发出警告
            //当用户设置  class="{ active: isActive }"    data={ active:true}, 应该用户是不是忘记加 : 点了
            if (res) {
                warn(
                    "class=\"" + staticClass + "\": " +
                    'Interpolation inside attributes has been removed. ' +
                    'Use v-bind or the colon shorthand instead. For example, ' +
                    'instead of <div class="{{ val }}">, use <div :class="val">.'
                );
            }
        }
        if (staticClass) {
            //获取原始class属性的值  转化成字符串
            el.staticClass = JSON.stringify(staticClass);
        }
        //获取 :class或者v-bind的动态属性值
        var classBinding = getBindingAttr(el, 'class', false /* getStatic */);
        if (classBinding) {
            el.classBinding = classBinding;
        }
    }

    //创数据，转换class
    function genData(el) {