Сложные условия в Vue

В директиве v-if можно делать более сложные условия. Пусть, к примеру, в свойстве num может быть одно из чисел 1, 2 или 3:

javascriptdata() {
  return {
    num: 3, // пусть сейчас там 3
  }
}

Давайте теперь сделаем три абзаца, из которых будет показан только один в зависимости от значения свойства 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>

Можно делать и более сложные условия:

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