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
  f5f4a665_bd43_49ff_d458_cfda193ba027["genNormalElement()"]
  55398ede_0597_fb47_dd8c_edb8c5aacdad["genSSRElement()"]
  55398ede_0597_fb47_dd8c_edb8c5aacdad -->|calls| f5f4a665_bd43_49ff_d458_cfda193ba027
  4ed91472_8abf_1a34_b708_77e5a59ad407["genData()"]
  f5f4a665_bd43_49ff_d458_cfda193ba027 -->|calls| 4ed91472_8abf_1a34_b708_77e5a59ad407
  b513831f_74af_d452_c5fb_ed9ab7651ec4["genChildrenAsStringNode()"]
  f5f4a665_bd43_49ff_d458_cfda193ba027 -->|calls| b513831f_74af_d452_c5fb_ed9ab7651ec4
  685ec3ac_f3cb_a1f2_7038_724c16fd7095["genSSRChildren()"]
  f5f4a665_bd43_49ff_d458_cfda193ba027 -->|calls| 685ec3ac_f3cb_a1f2_7038_724c16fd7095
  style f5f4a665_bd43_49ff_d458_cfda193ba027 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}` : ''
  })`
}