Directiva v-else în Vue

Directiva v-if poate de asemenea să funcționeze împreună cu v-else. Să vedem cum arată asta în practică. Să presupunem că proprietatea isAuth conține dacă utilizatorul este autentificat sau nu:

javascriptdata() {
  return {
    isAuth: true, // aici sau true, sau false
  }
}

Să facem astfel încât, în funcție de valoarea isAuth să fie afișat fie un mesaj, fie altul:

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

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