genChildrenAsStringNode() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 2 called by 2

Entity Profile

ServerRenderer→ BundleRenderer→ genChildrenAsStringNode() — vue Function Reference

Dependency Diagram

graph TD
  b513831f_74af_d452_c5fb_ed9ab7651ec4["genChildrenAsStringNode()"]
  55398ede_0597_fb47_dd8c_edb8c5aacdad["genSSRElement()"]
  55398ede_0597_fb47_dd8c_edb8c5aacdad -->|calls| b513831f_74af_d452_c5fb_ed9ab7651ec4
  f5f4a665_bd43_49ff_d458_cfda193ba027["genNormalElement()"]
  f5f4a665_bd43_49ff_d458_cfda193ba027 -->|calls| b513831f_74af_d452_c5fb_ed9ab7651ec4
  48fb08dc_06e5_2ea9_c348_2ac656bbd173["flattenSegments()"]
  b513831f_74af_d452_c5fb_ed9ab7651ec4 -->|calls| 48fb08dc_06e5_2ea9_c348_2ac656bbd173
  44ae389a_3263_f16b_05af_9e93b3ed0124["childrenToSegments()"]
  b513831f_74af_d452_c5fb_ed9ab7651ec4 -->|calls| 44ae389a_3263_f16b_05af_9e93b3ed0124
  style b513831f_74af_d452_c5fb_ed9ab7651ec4 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))})`
    : ''
}