Дырэктыва 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 - вывядзіце
на экран 'мужчына'.