genStringElementWithChildren() — vue Function Reference

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

Function typescript ServerRenderer OptimizingCompiler calls 3 called by 1

Entity Profile

ServerRenderer→ OptimizingCompiler→ genStringElementWithChildren() — vue Function Reference

Dependency Diagram

graph TD
  89245b7a_d5b7_6af6_02cc_eff68f4d4b43["genStringElementWithChildren()"]
  d70222cb_3265_c3fc_c0cf_09247995ea9a["codegen.ts"]
  89245b7a_d5b7_6af6_02cc_eff68f4d4b43 -->|defined in| d70222cb_3265_c3fc_c0cf_09247995ea9a
  326fee1b_92bc_19d2_bdf7_1b1077a65e6d["genSSRElement()"]
  326fee1b_92bc_19d2_bdf7_1b1077a65e6d -->|calls| 89245b7a_d5b7_6af6_02cc_eff68f4d4b43
  b094a7c6_5ff1_4966_c35f_461fe0369e2f["genSSRChildren()"]
  89245b7a_d5b7_6af6_02cc_eff68f4d4b43 -->|calls| b094a7c6_5ff1_4966_c35f_461fe0369e2f
  c1db1452_0e44_878e_bcbc_c3c060920eac["flattenSegments()"]
  89245b7a_d5b7_6af6_02cc_eff68f4d4b43 -->|calls| c1db1452_0e44_878e_bcbc_c3c060920eac
  196fe819_bb8d_b1f6_0dc9_740b319c4953["elementToOpenTagSegments()"]
  89245b7a_d5b7_6af6_02cc_eff68f4d4b43 -->|calls| 196fe819_bb8d_b1f6_0dc9_740b319c4953
  style 89245b7a_d5b7_6af6_02cc_eff68f4d4b43 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/codegen.ts lines 108–113

function genStringElementWithChildren(el, state) {
  const children = genSSRChildren(el, state, true)
  return `_ssrNode(${flattenSegments(elementToOpenTagSegments(el, state))},"</${
    el.tag
  }>"${children ? `,${children}` : ''})`
}