Директивата 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 - прикажете
на екранот 'маж'.