Vue-da v-show direktivasi

Shartli ko‘rsatishning yana bir varianti v-show direktivasidir. Judayam o‘xshash tarzda ishlatiladi:

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

Farqi shundaki, v-show bilan element har doim chiziladi va DOM-da qoladi, almashtiriladigan narsa uning display CSS xususiyatidir.

v-if direktivasi "haqiqiy" shartli chizishni bajaradi, chunki u hodisa tinglovchilari va ichki komponentlar shart almashtirilganda to‘g‘ri yo‘q qilinishi va qayta yaratilishini kafolatlaydi.

v-if direktivasi ham dangasa: agar shart dastlabki chizish paytida yolg‘on bo‘lsa, u hech narsa qilmaydi - shartli blok shart rost bo‘lgunga qadar chizilmaydi.

Taqqoslash uchun, v-show ancha sodda - element har doim chiziladi, boshlang‘ich holatidan qat'iy nazar CSS asosida almashtiriladi.

Umuman olganda, v-if ning almashtirish narxi yuqori, v-show esa boshlang‘ich chizish uchun ko‘proq narxga ega. Shuning uchun v-show ni tez-tez almashtiriladigan bo‘lsa ishlating, va v-if ni afzal ko‘ring, agar shart ishlash paytida o‘zgarishimi mumkin bo‘lmasa.