genChildren() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 1 called by 5

Entity Profile

CompilerSFC→ ScriptCompiler→ genChildren() — vue Function Reference

Dependency Diagram

graph TD
  cf9f7290_7f9d_d856_7cf0_68de752b40b7["genChildren()"]
  90946362_1dcc_09cf_deab_4dd92fd90376["genSSRChildren()"]
  90946362_1dcc_09cf_deab_4dd92fd90376 -->|calls| cf9f7290_7f9d_d856_7cf0_68de752b40b7
  4cfaef88_0bc8_30fc_0a01_09b4149fd58c["genElement()"]
  4cfaef88_0bc8_30fc_0a01_09b4149fd58c -->|calls| cf9f7290_7f9d_d856_7cf0_68de752b40b7
  957c0d47_da61_bbd7_c2c0_6ec005373124["genScopedSlot()"]
  957c0d47_da61_bbd7_c2c0_6ec005373124 -->|calls| cf9f7290_7f9d_d856_7cf0_68de752b40b7
  42bea0e4_d68e_8c1a_27b1_d90fdcd8e88d["genSlot()"]
  42bea0e4_d68e_8c1a_27b1_d90fdcd8e88d -->|calls| cf9f7290_7f9d_d856_7cf0_68de752b40b7
  b1f20db9_8751_5545_a8c7_7e15fadb710b["genComponent()"]
  b1f20db9_8751_5545_a8c7_7e15fadb710b -->|calls| cf9f7290_7f9d_d856_7cf0_68de752b40b7
  6b1ab296_e793_3b07_72c3_40c6342b6bfe["getNormalizationType()"]
  cf9f7290_7f9d_d856_7cf0_68de752b40b7 -->|calls| 6b1ab296_e793_3b07_72c3_40c6342b6bfe
  style cf9f7290_7f9d_d856_7cf0_68de752b40b7 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}` : ''
    }`
  }
}