Function getStyle

vue.js:10689–10720

* parent component style should be after child's * so that parent component's style could override it * 父组件样式应该在子组件样式之后 * 这样父组件的样式就可以覆盖它 * 循环子组件和组件的样式，把它全部合并到一个样式对象中返回 样式对象 如{width:100px,height:200px} 返回该字符串。

(
        vnode, //虚拟dom
        checkChild //标志点 布尔值
    )

     * 循环子组件和组件的样式，把它全部合并到一个样式对象中返回 样式对象 如{width:100px,height:200px} 返回该字符串。
     */
    function getStyle(
        vnode, //虚拟dom
        checkChild //标志点 布尔值
    ) {
        var res = {};
        var styleData; //style data
        if (checkChild) { // 标志点 布尔值
            var childNode = vnode; //获取子节点
            while (childNode.componentInstance) { //已经实例化过的 就是子节点有vonde
                childNode = childNode.componentInstance._vnode;
                if (
                    childNode &&
                    childNode.data &&
                    (styleData = normalizeStyleData(childNode.data))
                ) {
                    extend(res, styleData);
                }
            }
        }

        if ((styleData = normalizeStyleData(vnode.data))) {
            extend(res, styleData);
        }

        var parentNode = vnode;
        while ((parentNode = parentNode.parent)) {
            if (parentNode.data && (styleData = normalizeStyleData(parentNode.data))) {
                extend(res, styleData);
            }
        }
        return res
    }

    /*  */