Vue да мураккаб шартлар

v-if директивасида анча мураккаб шартларни қила оламиз. Масалан, num хусусиятида 1, 2 ёки 3 сонларининг бири бўлсин:

data() {
	return {
		num: 3, // ҳозирда у ерда 3 деб фараз қилайлик
	}
}

Энди num хусусиятининг қийматига қараб, фақат биттаси кўринадиган учта абзац ясаймиз:

<template>
	<p v-if="num === 1">бир</p>
	<p v-if="num === 2">икки</p>
	<p v-if="num === 3">уч</p>
</template>

Янада мураккаб шартларни ҳам қила оламиз:

<template>
	<p v-if="num === 1 || num === 3">
		бир ёки уч
	</p>
</template>

day хусусияти берилган бўлиб, унда ҳафтанинг жузги кунни номи ёзилган. Сизда ҳам ҳар бирида ҳафта кунларининг номи ёзилган еттита абзац бор. Экранда фақат жорий ҳафта куни номини ўз ичига олган абзацгина кўриниши учун қилинг.