processElement() — vue Function Reference

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

Function typescript CompilerSFC ScriptAnalyzer calls 6 called by 1

Entity Profile

CompilerSFC→ ScriptAnalyzer→ processElement() — vue Function Reference

Dependency Diagram

graph TD
  d580ca1c_dbf7_89f2_e0e4_6199ea988b51["processElement()"]
  320ee0f4_351d_a6b2_1c1c_f0f6f42fb987["index.ts"]
  d580ca1c_dbf7_89f2_e0e4_6199ea988b51 -->|defined in| 320ee0f4_351d_a6b2_1c1c_f0f6f42fb987
  e259ff52_42a6_4f54_59b8_e6bf86822027["parse()"]
  e259ff52_42a6_4f54_59b8_e6bf86822027 -->|calls| d580ca1c_dbf7_89f2_e0e4_6199ea988b51
  57d2dc45_0fa0_bba6_c720_eacb54a1ee00["processKey()"]
  d580ca1c_dbf7_89f2_e0e4_6199ea988b51 -->|calls| 57d2dc45_0fa0_bba6_c720_eacb54a1ee00
  86414445_c3f6_cc55_3198_e48e41c89275["processRef()"]
  d580ca1c_dbf7_89f2_e0e4_6199ea988b51 -->|calls| 86414445_c3f6_cc55_3198_e48e41c89275
  b1c7f848_3443_6284_06d1_dfc620ebd2c4["processSlotContent()"]
  d580ca1c_dbf7_89f2_e0e4_6199ea988b51 -->|calls| b1c7f848_3443_6284_06d1_dfc620ebd2c4
  29c995ce_c25f_38b3_203f_88723e699df0["processSlotOutlet()"]
  d580ca1c_dbf7_89f2_e0e4_6199ea988b51 -->|calls| 29c995ce_c25f_38b3_203f_88723e699df0
  a65173f6_8686_3a63_f3d5_3417b334b891["processComponent()"]
  d580ca1c_dbf7_89f2_e0e4_6199ea988b51 -->|calls| a65173f6_8686_3a63_f3d5_3417b334b891
  94cd3ed6_4fec_eddb_c90a_1c38249e5b02["processAttrs()"]
  d580ca1c_dbf7_89f2_e0e4_6199ea988b51 -->|calls| 94cd3ed6_4fec_eddb_c90a_1c38249e5b02
  style d580ca1c_dbf7_89f2_e0e4_6199ea988b51 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
}