Vue-da v-else direktivasi

v-if direktivasi v-else bilan ham ishlashi mumkin. Keling, amalda bu qanday ko‘rinishini ko‘ramiz. isAuth xususiyati foydalanuvchi avtorizatsiyadan o‘tganmi yoki yo‘qmi ekanligini saqlasin:

javascriptdata() {
  return {
    isAuth: true, // bu yerda true yoki false
  }
}

Keling, isAuth ning qiymatiga qarab bitta xabar yoki boshqa xabar chiqarilsin:

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

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