processIf() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 2 called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ processIf() — vue Function Reference

Dependency Diagram

graph TD
  b2049aaa_7861_a0af_b6db_bf0667912dfe["processIf()"]
  bbf88914_62b5_839d_3cfb_85a00fd1d67b["parse()"]
  bbf88914_62b5_839d_3cfb_85a00fd1d67b -->|calls| b2049aaa_7861_a0af_b6db_bf0667912dfe
  b54f5bfb_1a4e_430d_f7d5_41f81c9a1ab3["getAndRemoveAttr()"]
  b2049aaa_7861_a0af_b6db_bf0667912dfe -->|calls| b54f5bfb_1a4e_430d_f7d5_41f81c9a1ab3
  a43ff6ef_b3eb_ea6c_cf0e_7fea2e444821["addIfCondition()"]
  b2049aaa_7861_a0af_b6db_bf0667912dfe -->|calls| a43ff6ef_b3eb_ea6c_cf0e_7fea2e444821
  style b2049aaa_7861_a0af_b6db_bf0667912dfe fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/parser/index.ts lines 548–565

function processIf(el) {
  const exp = getAndRemoveAttr(el, 'v-if')
  if (exp) {
    el.if = exp
    addIfCondition(el, {
      exp: exp,
      block: el
    })
  } else {
    if (getAndRemoveAttr(el, 'v-else') != null) {
      el.else = true
    }
    const elseif = getAndRemoveAttr(el, 'v-else-if')
    if (elseif) {
      el.elseif = elseif
    }
  }
}