vue Architecture Docs
Home / Function/ renderNode() — vue Function Reference

renderNode() — vue Function Reference

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

Function typescript ServerRenderer TemplateRenderer calls 5 called by 3

Entity Profile

Dependency Diagram

graph TD
  51b378bf_731a_cea8_7ade_1275c8da637e["renderNode()"]
  439dcf36_0570_3186_196e_91c09d6d3ea6["render.ts"]
  51b378bf_731a_cea8_7ade_1275c8da637e -->|defined in| 439dcf36_0570_3186_196e_91c09d6d3ea6
  a4633a93_7f98_e71f_6c82_18c7a08cb6b0["renderComponentInner()"]
  a4633a93_7f98_e71f_6c82_18c7a08cb6b0 -->|calls| 51b378bf_731a_cea8_7ade_1275c8da637e
  3b5f9da3_66f1_f97c_0fd0_c444c70ce9d5["renderAsyncComponent()"]
  3b5f9da3_66f1_f97c_0fd0_c444c70ce9d5 -->|calls| 51b378bf_731a_cea8_7ade_1275c8da637e
  7ae3edb4_84c6_0281_9ecf_c1bb0face36e["createRenderFunction()"]
  7ae3edb4_84c6_0281_9ecf_c1bb0face36e -->|calls| 51b378bf_731a_cea8_7ade_1275c8da637e
  4cb48eeb_1500_bce7_1f3b_0222e99a9b8d["renderStringNode()"]
  51b378bf_731a_cea8_7ade_1275c8da637e -->|calls| 4cb48eeb_1500_bce7_1f3b_0222e99a9b8d
  76fb6501_9238_f973_a09b_d816dccd3853["renderComponent()"]
  51b378bf_731a_cea8_7ade_1275c8da637e -->|calls| 76fb6501_9238_f973_a09b_d816dccd3853
  d9e88fbe_8aa3_df58_ea93_81e3ec0c817b["renderElement()"]
  51b378bf_731a_cea8_7ade_1275c8da637e -->|calls| d9e88fbe_8aa3_df58_ea93_81e3ec0c817b
  3b5f9da3_66f1_f97c_0fd0_c444c70ce9d5["renderAsyncComponent()"]
  51b378bf_731a_cea8_7ade_1275c8da637e -->|calls| 3b5f9da3_66f1_f97c_0fd0_c444c70ce9d5
  4e8211dc_aa7e_481a_3002_b46e9e8afd4e["escape()"]
  51b378bf_731a_cea8_7ade_1275c8da637e -->|calls| 4e8211dc_aa7e_481a_3002_b46e9e8afd4e
  style 51b378bf_731a_cea8_7ade_1275c8da637e 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
    )
  }
}

Domain

Subdomains

Defined In

Calls

Called By

Source

Frequently Asked Questions

What does renderNode() do?
renderNode() is a function in the vue codebase, defined in packages/server-renderer/src/render.ts.
Where is renderNode() defined?
renderNode() is defined in packages/server-renderer/src/render.ts at line 79.
What does renderNode() call?
renderNode() calls 5 function(s): escape, renderAsyncComponent, renderComponent, renderElement, renderStringNode.
What calls renderNode()?
renderNode() is called by 3 function(s): createRenderFunction, renderAsyncComponent, renderComponentInner.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free