processComponent() — vue Function Reference

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

Function typescript CompilerSFC ScriptAnalyzer calls 2 called by 1

Entity Profile

CompilerSFC→ ScriptAnalyzer→ processComponent() — vue Function Reference

Dependency Diagram

graph TD
  a65173f6_8686_3a63_f3d5_3417b334b891["processComponent()"]
  320ee0f4_351d_a6b2_1c1c_f0f6f42fb987["index.ts"]
  a65173f6_8686_3a63_f3d5_3417b334b891 -->|defined in| 320ee0f4_351d_a6b2_1c1c_f0f6f42fb987
  d580ca1c_dbf7_89f2_e0e4_6199ea988b51["processElement()"]
  d580ca1c_dbf7_89f2_e0e4_6199ea988b51 -->|calls| a65173f6_8686_3a63_f3d5_3417b334b891
  4ed4ecb1_33ab_6e92_8439_f0a81ee997fa["getBindingAttr()"]
  a65173f6_8686_3a63_f3d5_3417b334b891 -->|calls| 4ed4ecb1_33ab_6e92_8439_f0a81ee997fa
  0e57bf03_ee68_ffda_8b31_3f2c14b445a6["getAndRemoveAttr()"]
  a65173f6_8686_3a63_f3d5_3417b334b891 -->|calls| 0e57bf03_ee68_ffda_8b31_3f2c14b445a6
  style a65173f6_8686_3a63_f3d5_3417b334b891 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/parser/index.ts lines 763–771

function processComponent(el) {
  let binding
  if ((binding = getBindingAttr(el, 'is'))) {
    el.component = binding
  }
  if (getAndRemoveAttr(el, 'inline-template') != null) {
    el.inlineTemplate = true
  }
}