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
  773ec5e6_99c2_ab32_bda7_305d2f9c106b["renderComponentWithCache()"]
  affe67c1_b5f5_cf58_e5d3_d3d820ab290f["render.ts"]
  773ec5e6_99c2_ab32_bda7_305d2f9c106b -->|defined in| affe67c1_b5f5_cf58_e5d3_d3d820ab290f
  73d8a225_abe4_207c_8ace_a53edec56ba1["renderComponent()"]
  73d8a225_abe4_207c_8ace_a53edec56ba1 -->|calls| 773ec5e6_99c2_ab32_bda7_305d2f9c106b
  0496e7ad_ac13_f15c_54da_dffea230eeb5["renderComponentInner()"]
  773ec5e6_99c2_ab32_bda7_305d2f9c106b -->|calls| 0496e7ad_ac13_f15c_54da_dffea230eeb5
  style 773ec5e6_99c2_ab32_bda7_305d2f9c106b 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)
}