Сложни услови у Vue-у

У директиви v-if можемо правити сложеније услове. Нека, на пример, у својству num може бити један од бројева 1, 2 или 3:

javascriptdata() {
  return {
    num: 3, // нека је тренутно 3
  }
}

Хајде сада да направимо три пасуса, од којих ће бити приказан само један у зависности од вредности својства num:

html<template>
  <p v-if="num === 1">један</p>
  <p v-if="num === 2">два</p>
  <p v-if="num === 3">три</p>
</template>

Можемо правити и сложеније услове:

html<template>
  <p v-if="num === 1 || num === 3">
    један или два
  </p>
</template>