Vue-daky v-show direktiwasy

Şertli görkezmegiň ýene bir warianty v-show direktiwasydyr. Oňa daýaw gaty meňzeş ulanylýar:

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

Tapawut şonda, v-show bilen element hemişe çyzylar we DOM-da galar, ýöne üýtgeýän diňe onuň CSS aýratynlygy display bolar.

v-if direktiwasy "hakyky" şertli çyzylmagy ýerine ýetirýär, sebäbi ol, şert üýtgende, blogyň içindäki hadysa diňlejileri we çagalaryň komponentleriniň ýok edilmegine we döredilmegine kepillik berýär.

v-if direktiwasy hem ýalta: ilkinji çyzylma pursatynda şert ýalňyş bolsa, ol hiç zat etmez - şertli blog şert hakyky bolýança çyzylmaz.

Deňeşdirmek üçin, v-show has ýönekeý - element hemme zaman çyzylýar, ilkinji ýagdaýyndan bagyňsyz, üýtgeýän bolsa CSS-esasynda.

Umuman, v-if üçin geçiş üçin çykdaýyş ýokary, v-show üçin bolsa ilkinji çyzylma üçin has uly çykdaýyş bar. Şonuň üçin v-show-y ulanyň, eger geçişler köp bolsa, we v-if-y saýlaň, eger şert iş wagtynda üýtgemeýän bolup biler.