Diretiva v-else no Vue
A diretiva v-if também pode funcionar
em conjunto com a v-else. Vamos ver
como isso funciona na prática.
Suponha que a propriedade isAuth contenha
se o usuário está autenticado ou não:
data() {
return {
isAuth: true, // aqui pode ser true ou false
}
}
Vamos fazer com que, dependendo do valor
de isAuth, uma mensagem ou outra
seja exibida:
<template>
<p v-if="isAuth">+++</p>
<p v-else>---</p>
</template>
Dada a propriedade isAdmin:
data() {
return {
isAdmin: true,
}
}
Dependendo do valor da propriedade, exiba um texto ou outro.
