Složeni uslovi u Vue

U direktivi v-if mogu se praviti složeniji uslovi. Na primer, neka u svojstvu num može biti jedan od brojeva 1, 2 ili 3:

javascriptdata() {
  return {
    num: 3, // neka je trenutno 3
  }
}

Sada ćemo napraviti tri paragrafa, od kojih će biti prikazan samo jedan u zavisnosti od vrednosti svojstva num:

html<template>
  <p v-if="num === 1">jedan</p>
  <p v-if="num === 2">dva</p>
  <p v-if="num === 3">tri</p>
</template>

Mogu se praviti i složeniji uslovi:

html<template>
  <p v-if="num === 1 || num === 3">
    jedan ili tri
  </p>
</template>