Die v-else Direktive in Vue

Die Direktive v-if kann auch in Kombination mit v-else arbeiten. Schauen wir uns an, wie das in der Praxis aussieht. Nehmen wir an, die Eigenschaft isAuth enthält, ob der Benutzer autorisiert ist oder nicht:

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

Machen wir es so, dass je nach Wert von isAuth die eine oder die andere Nachricht ausgegeben wird:

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

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