Условия, директива v-else в Vue
Директива v-if
может также работать в комплекте с v-else
. Давайте посмотрим, как это выглядит на практике. Пусть свойство isAuth
содержит то, авторизован пользователь или нет:
App.vuedata()
{
return {
// тут или true, или false
isAuth: true,
}
}
Сделаем так, чтобы в зависимости от значенияisAuth
выводилось или одно сообщение, или другое:
App.vue<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>