Direttiva v-else-if in Vue
Invece di multiple v-if si possono utilizzare
le costruzioni v-else-if:
<template>
<p v-if="num == 1">one</p>
<p v-else-if="num == 2">two</p>
<p v-else-if="num == 3">three</p>
<p v-else>error</p>
</template>
Supponiamo che in data sia memorizzato quanto segue:
data() {
age: 25,
}
Se la proprietà age è minore di 18 - visualizza
a schermo 'adolescente', se è compresa tra
19 e 25 - visualizza a schermo 'giovane',
e se è maggiore di 26 - visualizza a schermo 'uomo'.