processIf() — vue Function Reference

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

Function typescript CompilerSFC StyleProcessor calls 2 called by 1

Entity Profile

CompilerSFC→ StyleProcessor→ processIf() — vue Function Reference

Dependency Diagram

graph TD
  4f6c2ee8_2eba_72b6_6eac_1da03cd06187["processIf()"]
  320ee0f4_351d_a6b2_1c1c_f0f6f42fb987["index.ts"]
  4f6c2ee8_2eba_72b6_6eac_1da03cd06187 -->|defined in| 320ee0f4_351d_a6b2_1c1c_f0f6f42fb987
  e259ff52_42a6_4f54_59b8_e6bf86822027["parse()"]
  e259ff52_42a6_4f54_59b8_e6bf86822027 -->|calls| 4f6c2ee8_2eba_72b6_6eac_1da03cd06187
  0e57bf03_ee68_ffda_8b31_3f2c14b445a6["getAndRemoveAttr()"]
  4f6c2ee8_2eba_72b6_6eac_1da03cd06187 -->|calls| 0e57bf03_ee68_ffda_8b31_3f2c14b445a6
  b65ea7e3_9ebe_bd4b_239f_5933a2978e29["addIfCondition()"]
  4f6c2ee8_2eba_72b6_6eac_1da03cd06187 -->|calls| b65ea7e3_9ebe_bd4b_239f_5933a2978e29
  style 4f6c2ee8_2eba_72b6_6eac_1da03cd06187 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
    }
  }
}