Directiva v-else-if en Vue
En lugar de varios v-if se pueden usar
constructos 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>
Supongamos que en data se almacena lo siguiente:
data() {
age: 25,
}
Si la propiedad age es menor de 18 - muestre
en pantalla 'adolescente', si está entre
19 y 25 - muestre en pantalla 'joven
adulto', y si es mayor de 26 - muestre
en pantalla 'adulto'.
