Сложни условия във Vue

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

data() {
	return {
		num: 3, // нека в момента има 3
	}
}

Сега нека направим три параграфа, от които ще бъде показан само един в зависимост от стойността на свойството num:

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

Може да се правят и по-сложни условия:

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

Дадено е свойство day, в което е записан текущият ден от седмицата. Нека също имате седем параграфа, във всеки от които е написано името на ден от седмицата. Направете така, че на екрана да се вижда само параграфът, съдържащ името на текущия ден от седмицата.