Directive v-else dans Vue

La directive v-if peut également fonctionner en combinaison avec v-else. Voyons à quoi cela ressemble en pratique. Supposons que la propriété isAuth contienne si l'utilisateur est autorisé ou non :

javascriptdata() {
  return {
    isAuth: true, // ici soit true, soit false
  }
}

Faisons en sorte qu'en fonction de la valeur de isAuth, un message ou un autre soit affiché :

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

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