genChildrenAsStringNode() — vue Function Reference

Architecture documentation for the genChildrenAsStringNode() function in codegen.ts from the vue codebase.

Function typescript ServerRenderer OptimizingCompiler calls 2 called by 2

Entity Profile

ServerRenderer→ OptimizingCompiler→ genChildrenAsStringNode() — vue Function Reference

Dependency Diagram

graph TD
  3cd1373c_a2c0_adeb_be13_1bf1ff92c1e2["genChildrenAsStringNode()"]
  c9c89a7e_a7ef_371a_0bb1_ccb05926e1f2["genSSRElement()"]
  c9c89a7e_a7ef_371a_0bb1_ccb05926e1f2 -->|calls| 3cd1373c_a2c0_adeb_be13_1bf1ff92c1e2
  b3b5fa63_0571_9c9e_f75f_7175c7581d45["genNormalElement()"]
  b3b5fa63_0571_9c9e_f75f_7175c7581d45 -->|calls| 3cd1373c_a2c0_adeb_be13_1bf1ff92c1e2
  d48879f6_7abd_8ec3_2045_6f616d63d913["flattenSegments()"]
  3cd1373c_a2c0_adeb_be13_1bf1ff92c1e2 -->|calls| d48879f6_7abd_8ec3_2045_6f616d63d913
  a6f31758_a9cf_b7dc_09d6_0b57380360f7["childrenToSegments()"]
  3cd1373c_a2c0_adeb_be13_1bf1ff92c1e2 -->|calls| a6f31758_a9cf_b7dc_09d6_0b57380360f7
  style 3cd1373c_a2c0_adeb_be13_1bf1ff92c1e2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/codegen.ts lines 98–102

function genChildrenAsStringNode(el, state) {
  return el.children.length
    ? `_ssrNode(${flattenSegments(childrenToSegments(el, state))})`
    : ''
}