getStyle() — vue Function Reference

Architecture documentation for the getStyle() function in style.ts from the vue codebase.

Function typescript VueCore VDom calls 1

Entity Profile

VueCore→ VDom→ getStyle() — vue Function Reference

Dependency Diagram

graph TD
  ddf0c442_2585_6f54_dd9b_9da6ad921f74["getStyle()"]
  9baf2011_2aa2_1c40_464d_e026d0ec7477["style.ts"]
  ddf0c442_2585_6f54_dd9b_9da6ad921f74 -->|defined in| 9baf2011_2aa2_1c40_464d_e026d0ec7477
  7406321f_668e_5784_fdeb_69c10ea06183["normalizeStyleData()"]
  ddf0c442_2585_6f54_dd9b_9da6ad921f74 -->|calls| 7406321f_668e_5784_fdeb_69c10ea06183
  style ddf0c442_2585_6f54_dd9b_9da6ad921f74 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/util/style.ts lines 41–71

export function getStyle(vnode: VNodeWithData, checkChild: boolean): Object {
  const res = {}
  let styleData

  if (checkChild) {
    let childNode: VNodeWithData | VNode = vnode
    while (childNode.componentInstance) {
      childNode = childNode.componentInstance._vnode!
      if (
        childNode &&
        childNode.data &&
        (styleData = normalizeStyleData(childNode.data))
      ) {
        extend(res, styleData)
      }
    }
  }

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

  let parentNode: VNodeWithData | VNode | undefined = vnode
  // @ts-expect-error parentNode.parent not VNodeWithData
  while ((parentNode = parentNode.parent)) {
    if (parentNode.data && (styleData = normalizeStyleData(parentNode.data))) {
      extend(res, styleData)
    }
  }
  return res
}