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

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

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

Давайте теперь сделаем три абзаца, из которых будет показан только один в зависимости от значения свойства num:

App.vue<template>
    <p v-if="num === 1">one</p>
    <p v-if="num === 2">two</p>
    <p v-if="num === 3">three</p>
</template>

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

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