Vue-da v-else direktivi

v-if direktivi v-else ilə birlikdə də işləyə bilər. Gəlin praktikada bunun necə göründüyünə baxaq. Tutaq ki, isAuth xassəsi istifadəçinin daxil olub-olmadığını ehtiva edir:

javascriptdata() {
  return {
    isAuth: true, // burada ya true, ya da false
  }
}

Gəlin elə edək ki, isAuth-ın dəyərindən asılı olaraq ya bir mesaj, ya da digəri göstərilsin:

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

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