genChildren() — vue Function Reference

Architecture documentation for the genChildren() function in index.ts from the vue codebase.

Function typescript TemplateCompiler CodeGen calls 1 called by 5

Entity Profile

TemplateCompiler→ CodeGen→ genChildren() — vue Function Reference

Dependency Diagram

graph TD
  a9c90cf9_5508_948e_464e_8e694711c96f["genChildren()"]
  685ec3ac_f3cb_a1f2_7038_724c16fd7095["genSSRChildren()"]
  685ec3ac_f3cb_a1f2_7038_724c16fd7095 -->|calls| a9c90cf9_5508_948e_464e_8e694711c96f
  ce806ab8_847b_273b_e07c_0a796c2f76ae["genElement()"]
  ce806ab8_847b_273b_e07c_0a796c2f76ae -->|calls| a9c90cf9_5508_948e_464e_8e694711c96f
  d777a689_36b5_fe7e_de7e_1c8af4474401["genScopedSlot()"]
  d777a689_36b5_fe7e_de7e_1c8af4474401 -->|calls| a9c90cf9_5508_948e_464e_8e694711c96f
  24a4679f_fe1d_7654_49b3_ea4cfe44df1f["genSlot()"]
  24a4679f_fe1d_7654_49b3_ea4cfe44df1f -->|calls| a9c90cf9_5508_948e_464e_8e694711c96f
  d75feb88_2d86_f3b9_e9e7_9bae72b59fc5["genComponent()"]
  d75feb88_2d86_f3b9_e9e7_9bae72b59fc5 -->|calls| a9c90cf9_5508_948e_464e_8e694711c96f
  9e0c7845_d508_e175_3a0a_b1123c0b070d["getNormalizationType()"]
  a9c90cf9_5508_948e_464e_8e694711c96f -->|calls| 9e0c7845_d508_e175_3a0a_b1123c0b070d
  style a9c90cf9_5508_948e_464e_8e694711c96f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/codegen/index.ts lines 513–545

export function genChildren(
  el: ASTElement,
  state: CodegenState,
  checkSkip?: boolean,
  altGenElement?: Function,
  altGenNode?: Function
): string | void {
  const children = el.children
  if (children.length) {
    const el: any = children[0]
    // optimize single v-for
    if (
      children.length === 1 &&
      el.for &&
      el.tag !== 'template' &&
      el.tag !== 'slot'
    ) {
      const normalizationType = checkSkip
        ? state.maybeComponent(el)
          ? `,1`
          : `,0`
        : ``
      return `${(altGenElement || genElement)(el, state)}${normalizationType}`
    }
    const normalizationType = checkSkip
      ? getNormalizationType(children, state.maybeComponent)
      : 0
    const gen = altGenNode || genNode
    return `[${children.map(c => gen(c, state)).join(',')}]${
      normalizationType ? `,${normalizationType}` : ''
    }`
  }
}