Dyrektywa v-else w Vue

Dyrektywa v-if może również pracować w zestawie z v-else. Spójrzmy, jak to wygląda w praktyce. Niech właściwość isAuth zawiera to, czy użytkownik jest uwierzytelniony czy nie:

javascriptdata() {
  return {
    isAuth: true, // tutaj lub true, lub false
  }
}

Zróbmy tak, aby w zależności od wartości isAuth wyświetlała się albo jedna wiadomość, albo druga:

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

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