Direktiva v-else u Vue

Direktiva v-if takođe može da radi u kompletu sa v-else. Hajde da pogledamo kako to izgleda u praksi. Neka svojstvo isAuth sadrži to, da li je korisnik autorizovan ili ne:

javascriptdata() {
  return {
    isAuth: true, // ovde ili true, ili false
  }
}

Učinimo tako da u zavisnosti od vrednosti isAuth bude prikazana ili jedna poruka, ili druga:

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

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