renderNode() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 7 called by 3

Entity Profile

ServerRenderer→ BundleRenderer→ renderNode() — vue Function Reference

Dependency Diagram

graph TD
  53230fed_d564_80ea_bf1f_8c413f7b736f["renderNode()"]
  cbb765a5_16f2_d102_c691_156f282d3846["renderComponentInner()"]
  cbb765a5_16f2_d102_c691_156f282d3846 -->|calls| 53230fed_d564_80ea_bf1f_8c413f7b736f
  c2f595b4_afdd_12e0_bb68_ce636e8e6952["renderAsyncComponent()"]
  c2f595b4_afdd_12e0_bb68_ce636e8e6952 -->|calls| 53230fed_d564_80ea_bf1f_8c413f7b736f
  4c21c903_0357_dce5_cb90_83c67295a504["createRenderFunction()"]
  4c21c903_0357_dce5_cb90_83c67295a504 -->|calls| 53230fed_d564_80ea_bf1f_8c413f7b736f
  fc04216e_62e6_e181_81ff_b2b3c5f35a97["renderStringNode()"]
  53230fed_d564_80ea_bf1f_8c413f7b736f -->|calls| fc04216e_62e6_e181_81ff_b2b3c5f35a97
  5b855538_2046_796e_16f9_7327a61399cb["isDef()"]
  53230fed_d564_80ea_bf1f_8c413f7b736f -->|calls| 5b855538_2046_796e_16f9_7327a61399cb
  f98325d3_a650_0f85_8573_d782ecc5b533["renderComponent()"]
  53230fed_d564_80ea_bf1f_8c413f7b736f -->|calls| f98325d3_a650_0f85_8573_d782ecc5b533
  d01aa4a1_3c46_4b89_d557_7244e1de2f8f["renderElement()"]
  53230fed_d564_80ea_bf1f_8c413f7b736f -->|calls| d01aa4a1_3c46_4b89_d557_7244e1de2f8f
  c0051429_b95b_daa0_fc77_989c8344497d["isTrue()"]
  53230fed_d564_80ea_bf1f_8c413f7b736f -->|calls| c0051429_b95b_daa0_fc77_989c8344497d
  c2f595b4_afdd_12e0_bb68_ce636e8e6952["renderAsyncComponent()"]
  53230fed_d564_80ea_bf1f_8c413f7b736f -->|calls| c2f595b4_afdd_12e0_bb68_ce636e8e6952
  6121661a_8180_ff5f_be07_bd3a751ed57a["escape()"]
  53230fed_d564_80ea_bf1f_8c413f7b736f -->|calls| 6121661a_8180_ff5f_be07_bd3a751ed57a
  style 53230fed_d564_80ea_bf1f_8c413f7b736f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/render.ts lines 79–99

function renderNode(node, isRoot, context) {
  if (node.isString) {
    renderStringNode(node, context)
  } else if (isDef(node.componentOptions)) {
    renderComponent(node, isRoot, context)
  } else if (isDef(node.tag)) {
    renderElement(node, isRoot, context)
  } else if (isTrue(node.isComment)) {
    if (isDef(node.asyncFactory)) {
      // async component
      renderAsyncComponent(node, isRoot, context)
    } else {
      context.write(`<!--${node.text}-->`, context.next)
    }
  } else {
    context.write(
      node.raw ? node.text : escape(String(node.text)),
      context.next
    )
  }
}