genNormalElement() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 2 called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ genNormalElement() — vue Function Reference

Dependency Diagram

graph TD
  8de303a2_08ca_7ff7_cae1_7a27003c1764["genNormalElement()"]
  4aaa14b9_d580_5a66_5221_1be3a11a7eed["codegen.ts"]
  8de303a2_08ca_7ff7_cae1_7a27003c1764 -->|defined in| 4aaa14b9_d580_5a66_5221_1be3a11a7eed
  f524af7e_1682_aa62_bd3c_c1210416da99["genSSRElement()"]
  f524af7e_1682_aa62_bd3c_c1210416da99 -->|calls| 8de303a2_08ca_7ff7_cae1_7a27003c1764
  c9f5cd05_4bd2_e40a_83fa_edb34d6fd988["genChildrenAsStringNode()"]
  8de303a2_08ca_7ff7_cae1_7a27003c1764 -->|calls| c9f5cd05_4bd2_e40a_83fa_edb34d6fd988
  9b3a663f_695e_152f_f435_63be2d53c2ef["genSSRChildren()"]
  8de303a2_08ca_7ff7_cae1_7a27003c1764 -->|calls| 9b3a663f_695e_152f_f435_63be2d53c2ef
  style 8de303a2_08ca_7ff7_cae1_7a27003c1764 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}` : ''
  })`
}