Директива v-else-if във Vue
Вместо няколко v-if може да се използват
конструкции 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>
Нека в data се съхранява следното:
data() {
age: 25,
}
Ако свойството age е по-малко от 18 - изведете
на екрана 'подросток', ако е от
19 до 25 - изведете на екрана 'млад
човек', а ако е над 26 - изведете
на екрана 'мъж'.