Шартҳои мураккаб дар 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 дода шудааст, ки дар он рӯзи ҳозираи ҳафта сабт шудааст. Бигзор инчунин шумо ҳафт абзас дошта бошед, ки дар ҳар кадом номи як рӯзи ҳафта навишта шудааст. Чунон кунед, ки дар экран танҳо абзас намоён бошад, ки номи рӯзи ҳозираи ҳафтаро дар бар гирад.