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

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

html<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 ни афзал кўринг, агар шарт ижро пайтида ўзгармаса ҳам.