Directive v-else in Vue

De directive v-if kan ook werken in combinatie met v-else. Laten we eens kijken hoe dit er in de praktijk uitziet. Stel dat de property isAuth bevat of de gebruiker is geauthenticeerd of niet:

javascriptdata() {
  return {
    isAuth: true, // hier of true, of false
  }
}

Laten we het zo maken dat afhankelijk van de waarde van isAuth of het ene bericht wordt weergegeven, of het andere:

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

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