genNormalElement() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 3 called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ genNormalElement() — vue Function Reference

Dependency Diagram

graph TD
  b3b5fa63_0571_9c9e_f75f_7175c7581d45["genNormalElement()"]
  c9c89a7e_a7ef_371a_0bb1_ccb05926e1f2["genSSRElement()"]
  c9c89a7e_a7ef_371a_0bb1_ccb05926e1f2 -->|calls| b3b5fa63_0571_9c9e_f75f_7175c7581d45
  37199ba4_dbb1_d3e4_1b99_701b07750519["genData()"]
  b3b5fa63_0571_9c9e_f75f_7175c7581d45 -->|calls| 37199ba4_dbb1_d3e4_1b99_701b07750519
  3cd1373c_a2c0_adeb_be13_1bf1ff92c1e2["genChildrenAsStringNode()"]
  b3b5fa63_0571_9c9e_f75f_7175c7581d45 -->|calls| 3cd1373c_a2c0_adeb_be13_1bf1ff92c1e2
  90946362_1dcc_09cf_deab_4dd92fd90376["genSSRChildren()"]
  b3b5fa63_0571_9c9e_f75f_7175c7581d45 -->|calls| 90946362_1dcc_09cf_deab_4dd92fd90376
  style b3b5fa63_0571_9c9e_f75f_7175c7581d45 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}` : ''
  })`
}