# Директива v-else в Vue

Директива `v-if` может также работать в комплекте с `v-else`. Давайте посмотрим, как это выглядит на практике. Пусть свойство `isAuth` содержит то, авторизован пользователь или нет:

`data() { return { isAuth: true, // тут или true, или false } }`

Сделаем так, чтобы в зависимости от значения `isAuth` выводилось или одно сообщение, или другое:

`<template> <p v-if="isAuth">+++</p> <p v-else>---</p> </template>`

Дано свойство `isAdmin`:

`data() { return { isAdmin: true, } }`

В зависимости от значения свойства выведите или один текст, или другой.

←→
↑