Condizioni Complesse in Vue

Nella direttiva v-if è possibile creare condizioni più complesse. Supponiamo, ad esempio, che la proprietà num possa contenere uno dei numeri 1, 2 o 3:

data() {
	return {
		num: 3, // supponiamo che al momento ci sia 3
	}
}

Ora creiamo tre paragrafi, dei quali sarà mostrato solo uno a seconda del valore della proprietà num:

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

È possibile creare condizioni anche più complesse:

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

Data la proprietà day, in cui è memorizzato il giorno corrente della settimana. Supponiamo inoltre che tu abbia sette paragrafi, in ciascuno dei quali è scritto il nome di un giorno della settimana. Fai in modo che sullo schermo sia visibile solo il paragrafo contenente il nome del giorno corrente della settimana.