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