renderAttrs() — vue Function Reference

Architecture documentation for the renderAttrs() function in attrs.ts from the vue codebase.

Function typescript ServerRenderer TemplateRenderer calls 2 called by 1

Entity Profile

ServerRenderer→ TemplateRenderer→ renderAttrs() — vue Function Reference

Dependency Diagram

graph TD
  5bd4d7e0_23a9_fe60_c3fc_891e027ff985["renderAttrs()"]
  bc187cab_30a4_3c2e_1a8b_ee1317ae8c83["attrs.ts"]
  5bd4d7e0_23a9_fe60_c3fc_891e027ff985 -->|defined in| bc187cab_30a4_3c2e_1a8b_ee1317ae8c83
  c0a57e9f_b0a8_fdde_5fe7_833b55b982bd["renderAttrs()"]
  c0a57e9f_b0a8_fdde_5fe7_833b55b982bd -->|calls| 5bd4d7e0_23a9_fe60_c3fc_891e027ff985
  dc8dc7b8_5ebc_4fba_c935_e9310909f8a2["isSSRUnsafeAttr()"]
  5bd4d7e0_23a9_fe60_c3fc_891e027ff985 -->|calls| dc8dc7b8_5ebc_4fba_c935_e9310909f8a2
  96350562_77d9_8c7d_dea6_f361de4190a4["renderAttr()"]
  5bd4d7e0_23a9_fe60_c3fc_891e027ff985 -->|calls| 96350562_77d9_8c7d_dea6_f361de4190a4
  style 5bd4d7e0_23a9_fe60_c3fc_891e027ff985 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/modules/attrs.ts lines 15–52

export default function renderAttrs(node: VNodeWithData): string {
  let attrs = node.data.attrs
  let res = ''

  const opts = node.parent && node.parent.componentOptions
  if (isUndef(opts) || opts.Ctor.options.inheritAttrs !== false) {
    let parent = node.parent
    while (isDef(parent)) {
      // Stop fallthrough in case parent has inheritAttrs option set to false
      if (
        parent.componentOptions &&
        parent.componentOptions.Ctor.options.inheritAttrs === false
      ) {
        break
      }
      if (isDef(parent.data) && isDef(parent.data.attrs)) {
        attrs = extend(extend({}, attrs), parent.data.attrs)
      }
      parent = parent.parent
    }
  }

  if (isUndef(attrs)) {
    return res
  }

  for (const key in attrs) {
    if (isSSRUnsafeAttr(key)) {
      continue
    }
    if (key === 'style') {
      // leave it to the style module
      continue
    }
    res += renderAttr(key, attrs[key])
  }
  return res
}