processElement() — vue Function Reference

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

Function typescript TemplateCompiler HTMLParser calls 6 called by 2

Entity Profile

TemplateCompiler→ HTMLParser→ processElement() — vue Function Reference

Dependency Diagram

graph TD
  02a69150_0003_c070_7030_ea511121f64b["processElement()"]
  c27f0203_4eed_0348_4118_e8e105adc6ee["parse()"]
  c27f0203_4eed_0348_4118_e8e105adc6ee -->|calls| 02a69150_0003_c070_7030_ea511121f64b
  d35ad88b_7ad0_eb3d_d87a_8f404b67b1fb["preTransformNode()"]
  d35ad88b_7ad0_eb3d_d87a_8f404b67b1fb -->|calls| 02a69150_0003_c070_7030_ea511121f64b
  c2d6f2f2_8d6f_8f78_40fb_493418664b21["processKey()"]
  02a69150_0003_c070_7030_ea511121f64b -->|calls| c2d6f2f2_8d6f_8f78_40fb_493418664b21
  f59589c3_d9ef_ae50_2d09_2d17a4b64bf4["processRef()"]
  02a69150_0003_c070_7030_ea511121f64b -->|calls| f59589c3_d9ef_ae50_2d09_2d17a4b64bf4
  a805e141_5683_4910_efc8_e49b792fbae3["processSlotContent()"]
  02a69150_0003_c070_7030_ea511121f64b -->|calls| a805e141_5683_4910_efc8_e49b792fbae3
  0cf054aa_ea34_fd85_8aa8_9bd13c9a3602["processSlotOutlet()"]
  02a69150_0003_c070_7030_ea511121f64b -->|calls| 0cf054aa_ea34_fd85_8aa8_9bd13c9a3602
  aa53b9a4_c7fd_4dbe_7bb0_f667bc2eca3e["processComponent()"]
  02a69150_0003_c070_7030_ea511121f64b -->|calls| aa53b9a4_c7fd_4dbe_7bb0_f667bc2eca3e
  6f72c0fc_c9ca_496b_1bc7_d93b516eda63["processAttrs()"]
  02a69150_0003_c070_7030_ea511121f64b -->|calls| 6f72c0fc_c9ca_496b_1bc7_d93b516eda63
  style 02a69150_0003_c070_7030_ea511121f64b 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
}