Η οδηγία v-else στο Vue

Η οδηγία v-if μπορεί επίσης να λειτουργεί σε συνδυασμό με την v-else. Ας δούμε πώς αυτό φαίνεται στην πράξη. Ας υποθέσουμε ότι η ιδιότητα isAuth περιέχει αν ο χρήστης είναι πιστοποιημένος ή όχι:

javascriptdata() {
  return {
    isAuth: true, // εδώ είτε true, είτε false
  }
}

Ας κάνουμε έτσι ώστε ανάλογα με την τιμή της isAuth να εμφανίζεται είτε το ένα μήνυμα, είτε το άλλο:

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

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