Kushte komplekse në Vue

Në direktivën v-if mund të bëhen kushte më komplekse. Le të themi, për shembull, në vetinë num mund të jetë një nga numrat 1, 2 ose 3:

javascriptdata() {
  return {
    num: 3, // le të jetë 3 tani
  }
}

Tani le të bëjmë tre paragrafë, nga të cilët do të shfaqet vetëm një në varësi të vlerës së vetisë num:

html<template>
  <p v-if="num === 1">një</p>
  <p v-if="num === 2">dy</p>
  <p v-if="num === 3">tre</p>
</template>

Mund të bëhen edhe kushte më komplekse:

html<template>
  <p v-if="num === 1 || num === 3">
    një ose tre
  </p>
</template>