Function genClassForVnode

vue.js:7487–7505

(vnode)

     * class 转码获取vonde 中的staticClass 静态class  和class动态class转义成真实dom需要的class格式。然后返回class字符串
     * */
    function genClassForVnode(vnode) {
        var data = vnode.data;  //获取vnode.data 数据 标签属性数据
        var parentNode = vnode; //获取 父节点
        var childNode = vnode; //获取子节点
        //  this.componentInstance = undefined;  /*当前节点对应的组件的实例*/
        while (isDef(childNode.componentInstance)) { //如果定义了componentInstance 组件实例  递归合并子组件的class
            childNode = childNode.componentInstance._vnode; //上一个vnode
            if (childNode && childNode.data) {
                data = mergeClassData(childNode.data, data);
            }
        }
        while (isDef(parentNode = parentNode.parent)) { //递归父组件parent 合并父组件class
            if (parentNode && parentNode.data) {
                //合并calss数据
                data = mergeClassData(data, parentNode.data);
            }
        }
        return renderClass(data.staticClass, data.class) //渲染calss
    }

    //合并calss数据
    function mergeClassData(child, parent) {