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
  a4633a93_7f98_e71f_6c82_18c7a08cb6b0["renderComponentInner()"]
  439dcf36_0570_3186_196e_91c09d6d3ea6["render.ts"]
  a4633a93_7f98_e71f_6c82_18c7a08cb6b0 -->|defined in| 439dcf36_0570_3186_196e_91c09d6d3ea6
  76fb6501_9238_f973_a09b_d816dccd3853["renderComponent()"]
  76fb6501_9238_f973_a09b_d816dccd3853 -->|calls| a4633a93_7f98_e71f_6c82_18c7a08cb6b0
  9e184023_1a75_b751_032d_8bcff0aee29e["renderComponentWithCache()"]
  9e184023_1a75_b751_032d_8bcff0aee29e -->|calls| a4633a93_7f98_e71f_6c82_18c7a08cb6b0
  4c6518c7_a266_bf6f_5b2d_90ca38ed4278["normalizeRender()"]
  a4633a93_7f98_e71f_6c82_18c7a08cb6b0 -->|calls| 4c6518c7_a266_bf6f_5b2d_90ca38ed4278
  51b378bf_731a_cea8_7ade_1275c8da637e["renderNode()"]
  a4633a93_7f98_e71f_6c82_18c7a08cb6b0 -->|calls| 51b378bf_731a_cea8_7ade_1275c8da637e
  b5b11461_c84c_b4f8_b56a_c3d33460bc13["waitForServerPrefetch()"]
  a4633a93_7f98_e71f_6c82_18c7a08cb6b0 -->|calls| b5b11461_c84c_b4f8_b56a_c3d33460bc13
  style a4633a93_7f98_e71f_6c82_18c7a08cb6b0 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