genNode() — vue Function Reference

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

Function typescript CompilerSFC TemplateTransformer calls 3

Entity Profile

CompilerSFC→ TemplateTransformer→ genNode() — vue Function Reference

Dependency Diagram

graph TD
  58562d3b_7f41_25f1_a971_62a0f5f779f7["genNode()"]
  54260741_ae9d_a025_86de_47c513f5f82d["index.ts"]
  58562d3b_7f41_25f1_a971_62a0f5f779f7 -->|defined in| 54260741_ae9d_a025_86de_47c513f5f82d
  075d1f95_9965_89f4_3c01_f944fee6b553["genElement()"]
  58562d3b_7f41_25f1_a971_62a0f5f779f7 -->|calls| 075d1f95_9965_89f4_3c01_f944fee6b553
  7c7ae625_e72f_cb8f_34bc_33e77556fd57["genComment()"]
  58562d3b_7f41_25f1_a971_62a0f5f779f7 -->|calls| 7c7ae625_e72f_cb8f_34bc_33e77556fd57
  76a6101d_852d_2550_5979_e1f59715bef1["genText()"]
  58562d3b_7f41_25f1_a971_62a0f5f779f7 -->|calls| 76a6101d_852d_2550_5979_e1f59715bef1
  style 58562d3b_7f41_25f1_a971_62a0f5f779f7 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/codegen/index.ts lines 583–591

function genNode(node: ASTNode, state: CodegenState): string {
  if (node.type === 1) {
    return genElement(node, state)
  } else if (node.type === 3 && node.isComment) {
    return genComment(node)
  } else {
    return genText(node)
  }
}