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
  41d8a2ed_7600_023d_56ff_e6bd2066a1b0["renderNode()"]
  b912b998_19db_0074_fde6_8126c7f548f0["renderComponentInner()"]
  b912b998_19db_0074_fde6_8126c7f548f0 -->|calls| 41d8a2ed_7600_023d_56ff_e6bd2066a1b0
  dcf7cfe4_3738_9989_2f8a_38a12cfc6bf7["renderAsyncComponent()"]
  dcf7cfe4_3738_9989_2f8a_38a12cfc6bf7 -->|calls| 41d8a2ed_7600_023d_56ff_e6bd2066a1b0
  bcfdaca3_f60a_836c_8a8e_ab6eb04bb14e["createRenderFunction()"]
  bcfdaca3_f60a_836c_8a8e_ab6eb04bb14e -->|calls| 41d8a2ed_7600_023d_56ff_e6bd2066a1b0
  3b296824_bb49_8def_112f_2fe6e8797413["renderStringNode()"]
  41d8a2ed_7600_023d_56ff_e6bd2066a1b0 -->|calls| 3b296824_bb49_8def_112f_2fe6e8797413
  2be3818d_a4f3_495c_543c_ee071b428982["isDef()"]
  41d8a2ed_7600_023d_56ff_e6bd2066a1b0 -->|calls| 2be3818d_a4f3_495c_543c_ee071b428982
  9be52295_4e01_b6fd_a016_873e7cb61153["renderComponent()"]
  41d8a2ed_7600_023d_56ff_e6bd2066a1b0 -->|calls| 9be52295_4e01_b6fd_a016_873e7cb61153
  ea57a750_853d_071e_282c_4b7157987b46["renderElement()"]
  41d8a2ed_7600_023d_56ff_e6bd2066a1b0 -->|calls| ea57a750_853d_071e_282c_4b7157987b46
  7b3aa424_9089_4803_a4c7_86c4f80ba973["isTrue()"]
  41d8a2ed_7600_023d_56ff_e6bd2066a1b0 -->|calls| 7b3aa424_9089_4803_a4c7_86c4f80ba973
  dcf7cfe4_3738_9989_2f8a_38a12cfc6bf7["renderAsyncComponent()"]
  41d8a2ed_7600_023d_56ff_e6bd2066a1b0 -->|calls| dcf7cfe4_3738_9989_2f8a_38a12cfc6bf7
  a5dd94b3_92b9_525e_59d6_4019047b41cf["escape()"]
  41d8a2ed_7600_023d_56ff_e6bd2066a1b0 -->|calls| a5dd94b3_92b9_525e_59d6_4019047b41cf
  style 41d8a2ed_7600_023d_56ff_e6bd2066a1b0 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
    )
  }
}