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:

javascriptdata() {
  return {
    isAuth: true, // aqui pode ser true ou false
  }
}

Vamos fazer com que, dependendo do valor de isAuth, uma mensagem ou outra seja exibida:

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

javascriptdata() {
  return {
    isAdmin: true,
  }
}