renderElement() — vue Function Reference

Architecture documentation for the renderElement() function in render.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 4 called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ renderElement() — vue Function Reference

Dependency Diagram

graph TD
  d01aa4a1_3c46_4b89_d557_7244e1de2f8f["renderElement()"]
  53230fed_d564_80ea_bf1f_8c413f7b736f["renderNode()"]
  53230fed_d564_80ea_bf1f_8c413f7b736f -->|calls| d01aa4a1_3c46_4b89_d557_7244e1de2f8f
  c0051429_b95b_daa0_fc77_989c8344497d["isTrue()"]
  d01aa4a1_3c46_4b89_d557_7244e1de2f8f -->|calls| c0051429_b95b_daa0_fc77_989c8344497d
  5fd67422_1e1f_130e_8b6b_804d8006d193["registerComponentForCache()"]
  d01aa4a1_3c46_4b89_d557_7244e1de2f8f -->|calls| 5fd67422_1e1f_130e_8b6b_804d8006d193
  4eef67a1_feb3_dd8c_e42a_2d625c9694ff["renderStartingTag()"]
  d01aa4a1_3c46_4b89_d557_7244e1de2f8f -->|calls| 4eef67a1_feb3_dd8c_e42a_2d625c9694ff
  299f2646_f776_9b7d_1179_7b9087b1e66c["isUndef()"]
  d01aa4a1_3c46_4b89_d557_7244e1de2f8f -->|calls| 299f2646_f776_9b7d_1179_7b9087b1e66c
  style d01aa4a1_3c46_4b89_d557_7244e1de2f8f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/render.ts lines 304–334

function renderElement(el, isRoot, context) {
  const { write, next } = context

  if (isTrue(isRoot)) {
    if (!el.data) el.data = {}
    if (!el.data.attrs) el.data.attrs = {}
    el.data.attrs[SSR_ATTR] = 'true'
  }

  if (el.fnOptions) {
    registerComponentForCache(el.fnOptions, write)
  }

  const startTag = renderStartingTag(el, context)
  const endTag = `</${el.tag}>`
  if (context.isUnaryTag(el.tag)) {
    write(startTag, next)
  } else if (isUndef(el.children) || el.children.length === 0) {
    write(startTag + endTag, next)
  } else {
    const children: Array<VNode> = el.children
    context.renderStates.push({
      type: 'Element',
      children,
      rendered: 0,
      total: children.length,
      endTag
    })
    write(startTag, next)
  }
}