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

← →

↑