genComponent() — vue Function Reference

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

Function typescript TemplateCompiler CodeGen calls 2 called by 1

Entity Profile

TemplateCompiler→ CodeGen→ genComponent() — vue Function Reference

Dependency Diagram

graph TD
  d75feb88_2d86_f3b9_e9e7_9bae72b59fc5["genComponent()"]
  ce806ab8_847b_273b_e07c_0a796c2f76ae["genElement()"]
  ce806ab8_847b_273b_e07c_0a796c2f76ae -->|calls| d75feb88_2d86_f3b9_e9e7_9bae72b59fc5
  a9c90cf9_5508_948e_464e_8e694711c96f["genChildren()"]
  d75feb88_2d86_f3b9_e9e7_9bae72b59fc5 -->|calls| a9c90cf9_5508_948e_464e_8e694711c96f
  4ed91472_8abf_1a34_b708_77e5a59ad407["genData()"]
  d75feb88_2d86_f3b9_e9e7_9bae72b59fc5 -->|calls| 4ed91472_8abf_1a34_b708_77e5a59ad407
  style d75feb88_2d86_f3b9_e9e7_9bae72b59fc5 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}` : ''
  })`
}