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
  52c8eb6f_bc8d_0a16_cef4_069bbffe615e["renderComponentWithCache()"]
  f98325d3_a650_0f85_8573_d782ecc5b533["renderComponent()"]
  f98325d3_a650_0f85_8573_d782ecc5b533 -->|calls| 52c8eb6f_bc8d_0a16_cef4_069bbffe615e
  cbb765a5_16f2_d102_c691_156f282d3846["renderComponentInner()"]
  52c8eb6f_bc8d_0a16_cef4_069bbffe615e -->|calls| cbb765a5_16f2_d102_c691_156f282d3846
  style 52c8eb6f_bc8d_0a16_cef4_069bbffe615e 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)
}