Složité podmínky ve Vue

V direktivě v-if lze vytvářet složitější podmínky. Nechť například v vlastnosti num může být jedno z čísel 1, 2 nebo 3:

javascriptdata() {
  return {
    num: 3, // nechť je tam nyní 3
  }
}

Nyní vytvořme tři odstavce, z nichž bude zobrazen pouze jeden v závislosti na hodnotě vlastnosti 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>

Lze vytvářet i složitější podmínky:

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