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

renderComponentInner() — vue Function Reference

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

Function typescript ServerRenderer TemplateRenderer calls 3 called by 2

Entity Profile

Dependency Diagram

graph TD
  0496e7ad_ac13_f15c_54da_dffea230eeb5["renderComponentInner()"]
  affe67c1_b5f5_cf58_e5d3_d3d820ab290f["render.ts"]
  0496e7ad_ac13_f15c_54da_dffea230eeb5 -->|defined in| affe67c1_b5f5_cf58_e5d3_d3d820ab290f
  73d8a225_abe4_207c_8ace_a53edec56ba1["renderComponent()"]
  73d8a225_abe4_207c_8ace_a53edec56ba1 -->|calls| 0496e7ad_ac13_f15c_54da_dffea230eeb5
  773ec5e6_99c2_ab32_bda7_305d2f9c106b["renderComponentWithCache()"]
  773ec5e6_99c2_ab32_bda7_305d2f9c106b -->|calls| 0496e7ad_ac13_f15c_54da_dffea230eeb5
  ebaa285e_cf2d_f9c9_9dc1_b30824687b9a["normalizeRender()"]
  0496e7ad_ac13_f15c_54da_dffea230eeb5 -->|calls| ebaa285e_cf2d_f9c9_9dc1_b30824687b9a
  09a727a5_6777_1c56_897b_3604820d99ba["renderNode()"]
  0496e7ad_ac13_f15c_54da_dffea230eeb5 -->|calls| 09a727a5_6777_1c56_897b_3604820d99ba
  f1a03ef1_23ae_1bba_3d4b_23c1e4546c95["waitForServerPrefetch()"]
  0496e7ad_ac13_f15c_54da_dffea230eeb5 -->|calls| f1a03ef1_23ae_1bba_3d4b_23c1e4546c95
  style 0496e7ad_ac13_f15c_54da_dffea230eeb5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/render.ts lines 192–220

function renderComponentInner(node, isRoot, context) {
  const prevActive = context.activeInstance
  // expose userContext on vnode
  node.ssrContext = context.userContext
  const child = (context.activeInstance = createComponentInstanceForVnode(
    node,
    context.activeInstance
  ))
  normalizeRender(child)

  const resolve = () => {
    const childNode = child._render()
    childNode.parent = node
    context.renderStates.push({
      type: 'Component',
      prevActive
    })
    if (isDef(node.data) && isDef(node.data.directives)) {
      childNode.data = childNode.data || {}
      childNode.data.directives = node.data.directives
      childNode.isComponentRootElement = true
    }
    renderNode(childNode, isRoot, context)
  }

  const reject = context.done

  waitForServerPrefetch(child, resolve, reject)
}

Domain

Subdomains

Defined In

Calls

Called By

Source

Frequently Asked Questions

What does renderComponentInner() do?
renderComponentInner() is a function in the vue codebase, defined in packages/server-renderer/src/render.ts.
Where is renderComponentInner() defined?
renderComponentInner() is defined in packages/server-renderer/src/render.ts at line 192.
What does renderComponentInner() call?
renderComponentInner() calls 3 function(s): normalizeRender, renderNode, waitForServerPrefetch.
What calls renderComponentInner()?
renderComponentInner() is called by 2 function(s): renderComponent, renderComponentWithCache.

Analyze Your Own Codebase

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

Try Supermodel Free