processElement() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 6 called by 2

Entity Profile

CompilerSFC→ ScriptCompiler→ processElement() — vue Function Reference

Dependency Diagram

graph TD
  31f9edc3_10e5_9556_86c6_7c900b922f60["processElement()"]
  bbf88914_62b5_839d_3cfb_85a00fd1d67b["parse()"]
  bbf88914_62b5_839d_3cfb_85a00fd1d67b -->|calls| 31f9edc3_10e5_9556_86c6_7c900b922f60
  5266d1ae_e943_1c9a_9925_9c539b8a7a9b["preTransformNode()"]
  5266d1ae_e943_1c9a_9925_9c539b8a7a9b -->|calls| 31f9edc3_10e5_9556_86c6_7c900b922f60
  2e707572_48f7_f24b_6fa2_9fb3d14b5a06["processKey()"]
  31f9edc3_10e5_9556_86c6_7c900b922f60 -->|calls| 2e707572_48f7_f24b_6fa2_9fb3d14b5a06
  3b70d862_51e3_91ec_aaf4_3dd40b6e9155["processRef()"]
  31f9edc3_10e5_9556_86c6_7c900b922f60 -->|calls| 3b70d862_51e3_91ec_aaf4_3dd40b6e9155
  5b174fba_1f83_94cc_774e_5234231c01dc["processSlotContent()"]
  31f9edc3_10e5_9556_86c6_7c900b922f60 -->|calls| 5b174fba_1f83_94cc_774e_5234231c01dc
  29c1145b_2570_c09e_ed12_f2b0904043f0["processSlotOutlet()"]
  31f9edc3_10e5_9556_86c6_7c900b922f60 -->|calls| 29c1145b_2570_c09e_ed12_f2b0904043f0
  1357d3a3_07b9_6531_f9bb_13cc933ea47d["processComponent()"]
  31f9edc3_10e5_9556_86c6_7c900b922f60 -->|calls| 1357d3a3_07b9_6531_f9bb_13cc933ea47d
  a8b5582c_75a3_d739_c9b5_27e2ceb67bc3["processAttrs()"]
  31f9edc3_10e5_9556_86c6_7c900b922f60 -->|calls| a8b5582c_75a3_d739_c9b5_27e2ceb67bc3
  style 31f9edc3_10e5_9556_86c6_7c900b922f60 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
}