Vue даги v-show директиваси

Шартли кўрсатишнинг яна бир варианти v-show директивасидир. judayam ўхшаш қўлланилади:

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

Фарқ шундаки, v-show билан элемент ҳар доим чиқарилади ва DOM да қолади, ва ўзгартирилади фақат унинг CSS свойствоси display.

v-if директиваси "ҳақиқий" шартли чиқаришни бажаради, чунки у ишонч ҳосил қиладики, вокелар тингловчилари ва ички компонентлар блок ичида тўғри йўқ қилиниши ва қайта яратилиши шарт ўзгарганда.

v-if директиваси ҳам данғас: агар шарт ялған бўлса дastlabки чиқариш пайтида, у ҳеч нарса қилмайди - шартли блок чиқарилмайди то шарт ҳақиқий бўлгунча.

Солиштирганда, v-show анча содда - элемент ҳар доим чиқарилади, данғас қилиш бошланғич ҳолатидан қатиъ назар CSS га асосланган.

Умуман олганда, v-if да данғас қилиш харажатлари юқори, v-show эса кўпроқ харажатга эга бошланғич чиқариш учун. Шу сабабли v-show ни қўлланг, агар данғас қилишлар тез-тез бўладиган бўлса, ва v-if ни афзал кўринг, агар шарт ижро пайтида ўзгармаса ҳам.

v-show директиваси template элементида ишлатиб бўлмайди ва у v-else билан ишламайди.

Абзац ва тугма берилган. Абзац тугма босилганда туггаланиши учун қилинг.

v-show ва v-if директивалари орасидаги фарқлар нима эканини айтинг.

v-show директивасини қачон қўллаш яхшилигини, v-if ни эса қачон айтинг.

v-show директивасининг қандай чегаралари борлигини айтинг.