Összetett feltételek a Vue-ban

A v-if direktívában lehetőség van összetettebb feltételek megadására. Tegyük fel például, hogy a num tulajdonság értéke a 1, 2 vagy 3 számok egyike lehet:

javascriptdata() {
  return {
    num: 3, // tegyük fel, hogy jelenleg 3
  }
}

Most készítsünk három bekezdést, amelyek közül csak az egyik jelenik meg a num tulajdonság értékétől függően:

html<template>
  <p v-if="num === 1">egy</p>
  <p v-if="num === 2">kettő</p>
  <p v-if="num === 3">három</p>
</template>

Lehetőség van még összetettebb feltételek megadására is:

html<template>
  <p v-if="num === 1 || num === 3">
    egy vagy három
  </p>
</template>