processElement() — vue Function Reference

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

Function typescript VueCore VDom calls 6 called by 1

Entity Profile

VueCore→ VDom→ processElement() — vue Function Reference

Dependency Diagram

graph TD
  08093d1f_a003_dbad_063e_2431482be94f["processElement()"]
  101d3d34_ac07_228f_62b9_5d5ac4a0ea2e["index.ts"]
  08093d1f_a003_dbad_063e_2431482be94f -->|defined in| 101d3d34_ac07_228f_62b9_5d5ac4a0ea2e
  19a26691_f7c4_e2d6_e9ed_59c6aff144df["parse()"]
  19a26691_f7c4_e2d6_e9ed_59c6aff144df -->|calls| 08093d1f_a003_dbad_063e_2431482be94f
  57a516a9_e062_716c_5949_3b536edc5b7b["processKey()"]
  08093d1f_a003_dbad_063e_2431482be94f -->|calls| 57a516a9_e062_716c_5949_3b536edc5b7b
  46d2d6a0_496d_4a04_e5c5_4eb4dacf2328["processRef()"]
  08093d1f_a003_dbad_063e_2431482be94f -->|calls| 46d2d6a0_496d_4a04_e5c5_4eb4dacf2328
  0fe86055_18c1_a749_5110_c7eddeeef79e["processSlotContent()"]
  08093d1f_a003_dbad_063e_2431482be94f -->|calls| 0fe86055_18c1_a749_5110_c7eddeeef79e
  a334a641_4733_d8da_3902_9c827b477827["processSlotOutlet()"]
  08093d1f_a003_dbad_063e_2431482be94f -->|calls| a334a641_4733_d8da_3902_9c827b477827
  89d949b8_cd8c_7d2d_ba71_30e8a6c1cc40["processComponent()"]
  08093d1f_a003_dbad_063e_2431482be94f -->|calls| 89d949b8_cd8c_7d2d_ba71_30e8a6c1cc40
  89ae2d84_ca61_4847_7313_0974c1948730["processAttrs()"]
  08093d1f_a003_dbad_063e_2431482be94f -->|calls| 89ae2d84_ca61_4847_7313_0974c1948730
  style 08093d1f_a003_dbad_063e_2431482be94f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/parser/index.ts lines 451–468

export function processElement(element: ASTElement, options: CompilerOptions) {
  processKey(element)

  // determine whether this is a plain element after
  // removing structural attributes
  element.plain =
    !element.key && !element.scopedSlots && !element.attrsList.length

  processRef(element)
  processSlotContent(element)
  processSlotOutlet(element)
  processComponent(element)
  for (let i = 0; i < transforms.length; i++) {
    element = transforms[i](element, options) || element
  }
  processAttrs(element)
  return element
}