genComponent() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 2 called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ genComponent() — vue Function Reference

Dependency Diagram

graph TD
  b1f20db9_8751_5545_a8c7_7e15fadb710b["genComponent()"]
  4cfaef88_0bc8_30fc_0a01_09b4149fd58c["genElement()"]
  4cfaef88_0bc8_30fc_0a01_09b4149fd58c -->|calls| b1f20db9_8751_5545_a8c7_7e15fadb710b
  cf9f7290_7f9d_d856_7cf0_68de752b40b7["genChildren()"]
  b1f20db9_8751_5545_a8c7_7e15fadb710b -->|calls| cf9f7290_7f9d_d856_7cf0_68de752b40b7
  37199ba4_dbb1_d3e4_1b99_701b07750519["genData()"]
  b1f20db9_8751_5545_a8c7_7e15fadb710b -->|calls| 37199ba4_dbb1_d3e4_1b99_701b07750519
  style b1f20db9_8751_5545_a8c7_7e15fadb710b 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}` : ''
  })`
}