Direttiva v-else in Vue

La direttiva v-if può anche funzionare in combinazione con v-else. Vediamo come appare nella pratica. Lascia che la proprietà isAuth contenga se l'utente è autenticato o meno:

javascriptdata() {
  return {
    isAuth: true, // qui o true, o false
  }
}

Facciamo in modo che a seconda del valore di isAuth venga visualizzato un messaggio o l'altro:

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

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