Директива 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,
	}
}

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

← →

↑