genComponent() — vue Function Reference

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

Function typescript VueCore Instance calls 2 called by 1

Entity Profile

VueCore→ Instance→ genComponent() — vue Function Reference

Dependency Diagram

graph TD
  c853697a_a300_4af8_8ebe_b8ab14fdba76["genComponent()"]
  6a18399e_553e_fef8_6a39_746f79f94bd2["index.ts"]
  c853697a_a300_4af8_8ebe_b8ab14fdba76 -->|defined in| 6a18399e_553e_fef8_6a39_746f79f94bd2
  009d7fc7_09cb_184e_e93c_1f468ff505c0["genElement()"]
  009d7fc7_09cb_184e_e93c_1f468ff505c0 -->|calls| c853697a_a300_4af8_8ebe_b8ab14fdba76
  c685f493_8cd2_1c26_d251_343fbd2a9498["genChildren()"]
  c853697a_a300_4af8_8ebe_b8ab14fdba76 -->|calls| c685f493_8cd2_1c26_d251_343fbd2a9498
  2f9548d4_5dab_e18c_c75b_5e2c2bf4a780["genData()"]
  c853697a_a300_4af8_8ebe_b8ab14fdba76 -->|calls| 2f9548d4_5dab_e18c_c75b_5e2c2bf4a780
  style c853697a_a300_4af8_8ebe_b8ab14fdba76 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/codegen/index.ts lines 634–643

function genComponent(
  componentName: string,
  el: ASTElement,
  state: CodegenState
): string {
  const children = el.inlineTemplate ? null : genChildren(el, state, true)
  return `_c(${componentName},${genData(el, state)}${
    children ? `,${children}` : ''
  })`
}