renderComponentWithCache() — vue Function Reference

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

Function typescript ServerRenderer TemplateRenderer calls 1 called by 1

Entity Profile

ServerRenderer→ TemplateRenderer→ renderComponentWithCache() — vue Function Reference

Dependency Diagram

graph TD
  9e184023_1a75_b751_032d_8bcff0aee29e["renderComponentWithCache()"]
  439dcf36_0570_3186_196e_91c09d6d3ea6["render.ts"]
  9e184023_1a75_b751_032d_8bcff0aee29e -->|defined in| 439dcf36_0570_3186_196e_91c09d6d3ea6
  76fb6501_9238_f973_a09b_d816dccd3853["renderComponent()"]
  76fb6501_9238_f973_a09b_d816dccd3853 -->|calls| 9e184023_1a75_b751_032d_8bcff0aee29e
  a4633a93_7f98_e71f_6c82_18c7a08cb6b0["renderComponentInner()"]
  9e184023_1a75_b751_032d_8bcff0aee29e -->|calls| a4633a93_7f98_e71f_6c82_18c7a08cb6b0
  style 9e184023_1a75_b751_032d_8bcff0aee29e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/render.ts lines 175–190

function renderComponentWithCache(node, isRoot, key, context) {
  const write = context.write
  write.caching = true
  const buffer = write.cacheBuffer
  const bufferIndex = buffer.push('') - 1
  const componentBuffer = write.componentBuffer
  componentBuffer.push(new Set())
  context.renderStates.push({
    type: 'ComponentWithCache',
    key,
    buffer,
    bufferIndex,
    componentBuffer
  })
  renderComponentInner(node, isRoot, context)
}