Zložité podmienky vo Vue

V direktíve v-if je možné vytvárať zložitejšie podmienky. Nech napríklad v property num môže byť jedno z čísel 1, 2 alebo 3:

javascriptdata() {
  return {
    num: 3, // nech je tam teraz 3
  }
}

Teraz vytvorme tri odseky, z ktorých bude zobrazený iba jeden v závislosti od hodnoty property 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>

Je možné vytvárať aj zložitejšie podmienky:

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