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

← →
↑