A v-else direktíva Vue-ban

A v-if direktíva együtt is működhet a v-else direktívával. Nézzük meg, hogyan néz ez ki a gyakorlatban. Tegyük fel, hogy a isAuth tulajdonság tartalmazza, hogy a felhasználó be van-e jelentkezve vagy sem:

javascriptdata() {
  return {
    isAuth: true, // itt vagy true, vagy false
  }
}

Ügyeljünk arra, hogy a isAuth értékétől függően vagy egy üzenet jelenjen meg, vagy egy másik:

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

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