Сложни условија во Vue

Во директивата v-if може да се прават покомплексни услови. Нека, на пример, во својството num може да има еден од броевите 1, 2 или 3:

javascriptdata() {
  return {
    num: 3, // нека моментално има 3
  }
}

Сега да направиме три параграфи, од кои ќе се прикажува само еден во зависност од вредноста на својството num:

html<template>
  <p v-if="num === 1">one</p>
  <p v-if="num === 2">two</p>
  <p v-if="num === 3">three</p>
</template>

Може да се прават и посложени услови:

html<template>
  <p v-if="num === 1 || num === 3">
    one or two
  </p>
</template>