genChildren() — vue Function Reference

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

Function typescript CompilerSFC TemplateTransformer calls 1 called by 4

Entity Profile

CompilerSFC→ TemplateTransformer→ genChildren() — vue Function Reference

Dependency Diagram

graph TD
  9fb6810f_0f8d_c3be_a848_4600c5dd2c8d["genChildren()"]
  54260741_ae9d_a025_86de_47c513f5f82d["index.ts"]
  9fb6810f_0f8d_c3be_a848_4600c5dd2c8d -->|defined in| 54260741_ae9d_a025_86de_47c513f5f82d
  075d1f95_9965_89f4_3c01_f944fee6b553["genElement()"]
  075d1f95_9965_89f4_3c01_f944fee6b553 -->|calls| 9fb6810f_0f8d_c3be_a848_4600c5dd2c8d
  27804826_1536_d9f6_16a0_0b84b98233f7["genScopedSlot()"]
  27804826_1536_d9f6_16a0_0b84b98233f7 -->|calls| 9fb6810f_0f8d_c3be_a848_4600c5dd2c8d
  fbca07e6_aa9c_0443_703f_c46ecf6696fa["genSlot()"]
  fbca07e6_aa9c_0443_703f_c46ecf6696fa -->|calls| 9fb6810f_0f8d_c3be_a848_4600c5dd2c8d
  51a51b9c_5d7a_4e96_c7de_f686070e1977["genComponent()"]
  51a51b9c_5d7a_4e96_c7de_f686070e1977 -->|calls| 9fb6810f_0f8d_c3be_a848_4600c5dd2c8d
  c26cde0d_15b4_508c_b0f9_b186617461f4["getNormalizationType()"]
  9fb6810f_0f8d_c3be_a848_4600c5dd2c8d -->|calls| c26cde0d_15b4_508c_b0f9_b186617461f4
  style 9fb6810f_0f8d_c3be_a848_4600c5dd2c8d 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}` : ''
    }`
  }
}