genNormalElement() — vue Function Reference

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

Function typescript ServerRenderer OptimizingCompiler calls 2 called by 1

Entity Profile

ServerRenderer→ OptimizingCompiler→ genNormalElement() — vue Function Reference

Dependency Diagram

graph TD
  cdcb04b2_1853_697f_3084_d8e25ae95dbe["genNormalElement()"]
  d70222cb_3265_c3fc_c0cf_09247995ea9a["codegen.ts"]
  cdcb04b2_1853_697f_3084_d8e25ae95dbe -->|defined in| d70222cb_3265_c3fc_c0cf_09247995ea9a
  326fee1b_92bc_19d2_bdf7_1b1077a65e6d["genSSRElement()"]
  326fee1b_92bc_19d2_bdf7_1b1077a65e6d -->|calls| cdcb04b2_1853_697f_3084_d8e25ae95dbe
  2fca87b5_3c3d_6d7a_6f06_d5b4a0981171["genChildrenAsStringNode()"]
  cdcb04b2_1853_697f_3084_d8e25ae95dbe -->|calls| 2fca87b5_3c3d_6d7a_6f06_d5b4a0981171
  b094a7c6_5ff1_4966_c35f_461fe0369e2f["genSSRChildren()"]
  cdcb04b2_1853_697f_3084_d8e25ae95dbe -->|calls| b094a7c6_5ff1_4966_c35f_461fe0369e2f
  style cdcb04b2_1853_697f_3084_d8e25ae95dbe fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/codegen.ts lines 80–88

function genNormalElement(el, state, stringifyChildren) {
  const data = el.plain ? undefined : genData(el, state)
  const children = stringifyChildren
    ? `[${genChildrenAsStringNode(el, state)}]`
    : genSSRChildren(el, state, true)
  return `_c('${el.tag}'${data ? `,${data}` : ''}${
    children ? `,${children}` : ''
  })`
}