processIf() — vue Function Reference

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

Function typescript TemplateCompiler HTMLParser calls 2 called by 1

Entity Profile

TemplateCompiler→ HTMLParser→ processIf() — vue Function Reference

Dependency Diagram

graph TD
  05580dfb_8dc9_c1e0_3c40_eab5c17d0e80["processIf()"]
  c27f0203_4eed_0348_4118_e8e105adc6ee["parse()"]
  c27f0203_4eed_0348_4118_e8e105adc6ee -->|calls| 05580dfb_8dc9_c1e0_3c40_eab5c17d0e80
  b701a596_9c82_7ec4_2fc8_2e36d33c4974["getAndRemoveAttr()"]
  05580dfb_8dc9_c1e0_3c40_eab5c17d0e80 -->|calls| b701a596_9c82_7ec4_2fc8_2e36d33c4974
  06e12792_ae17_ac23_460b_7d8d7b5605d2["addIfCondition()"]
  05580dfb_8dc9_c1e0_3c40_eab5c17d0e80 -->|calls| 06e12792_ae17_ac23_460b_7d8d7b5605d2
  style 05580dfb_8dc9_c1e0_3c40_eab5c17d0e80 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
    }
  }
}