Function updateClass

vue.js:9385–9418

(oldVnode, vnode)

     * */

    function updateClass(oldVnode, vnode) {
        var el = vnode.elm;  //获取dom节点
        var data = vnode.data; //获取新的 vnode数据
        var oldData = oldVnode.data; //获取旧的 oldVnode 数据
        if (
            isUndef(data.staticClass) && //如果没有定义静态的 staticClass
            isUndef(data.class) && //没有定义calss
            (
                isUndef(oldData) || //如果旧的oldData 没有定义
                (
                    isUndef(oldData.staticClass) &&  //旧的oldData staticClass  class 没有定义
                    isUndef(oldData.class)
                )
            )
        ) {
            //返回去 不执行下面的代码
            return
        }
        //class 转码获取vonde 中的staticClass 静态class  和class动态class转义成真实dom需要的class格式。然后返回class字符串

        var cls = genClassForVnode(vnode);

        // handle transition classes
        var transitionClass = el._transitionClasses;
        if (isDef(transitionClass)) {
            cls = concat(cls, stringifyClass(transitionClass));
        }

        // set the class _prevClass 上一个css表示是否已经更新过
        if (cls !== el._prevClass) {
            el.setAttribute('class', cls);
            el._prevClass = cls;
        }
    }

    var klass = {
        create: updateClass,