Vue-da v-show direktivasi

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

<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.

v-show direktivasini template elementida ishlatib bo‘lmaydi va u v-else bilan ishlamaydi.

Bir paragraf va tugma berilgan. Paragraf tugma bosilganda yoqilib-o‘chiriladigan (tegglanadigan) qiling.

v-show va v-if direktivalari orasidagi farqlarni tushuntiring.

Qachon v-show direktivasini, qachon esa v-if ni ishlatish afzalroq ekanligini tushuntiring.

v-show direktivasining qanday cheklovlari borligini tushuntiring.