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 касиети берилди, анда азыркы жуманын күнү жазылган. Сизде жети абзац бар деп коёлу, ар биринде жуманын күнүнүн аталышы жазылган. Экранда учурдагы жуманын күнүнүн аталышын камтыган абзац гана көрүнүшү үчүн кылыңыз.