renderComponentWithCache() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 1 called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ renderComponentWithCache() — vue Function Reference

Dependency Diagram

graph TD
  6b211741_5417_3681_068b_2bcb38fded30["renderComponentWithCache()"]
  9be52295_4e01_b6fd_a016_873e7cb61153["renderComponent()"]
  9be52295_4e01_b6fd_a016_873e7cb61153 -->|calls| 6b211741_5417_3681_068b_2bcb38fded30
  b912b998_19db_0074_fde6_8126c7f548f0["renderComponentInner()"]
  6b211741_5417_3681_068b_2bcb38fded30 -->|calls| b912b998_19db_0074_fde6_8126c7f548f0
  style 6b211741_5417_3681_068b_2bcb38fded30 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)
}