genNode() — vue Function Reference

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

Function typescript VueCore VDom calls 3

Entity Profile

VueCore→ VDom→ genNode() — vue Function Reference

Dependency Diagram

graph TD
  574cf366_be5c_8e5d_b72b_8e5c7974e7ea["genNode()"]
  6a18399e_553e_fef8_6a39_746f79f94bd2["index.ts"]
  574cf366_be5c_8e5d_b72b_8e5c7974e7ea -->|defined in| 6a18399e_553e_fef8_6a39_746f79f94bd2
  009d7fc7_09cb_184e_e93c_1f468ff505c0["genElement()"]
  574cf366_be5c_8e5d_b72b_8e5c7974e7ea -->|calls| 009d7fc7_09cb_184e_e93c_1f468ff505c0
  b1b7aa59_2a05_0133_836e_20e3b33f5daa["genComment()"]
  574cf366_be5c_8e5d_b72b_8e5c7974e7ea -->|calls| b1b7aa59_2a05_0133_836e_20e3b33f5daa
  7df80a50_6be2_10f2_c0a4_90f0486f587d["genText()"]
  574cf366_be5c_8e5d_b72b_8e5c7974e7ea -->|calls| 7df80a50_6be2_10f2_c0a4_90f0486f587d
  style 574cf366_be5c_8e5d_b72b_8e5c7974e7ea 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)
  }
}