Vue-ի v-else դիրեկտիվը

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,
  }
}