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

Шарттуу көрсөтүүнүн дагы бир варианты v-show директивасы болуп саналат. Ал өтө окшош колдонулат:

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

Айырмасы мындайда, v-show бар элемент ар дайым тартылып, DOMдо кала берет, ал эми өзгөрүп туруучу болсо ал жөн гана анын CSS касиети display.

v-if директивасы "чыныгы" шарттуу тартууну ишке ашырат, анткени ал ошол блогуң ичиндеги окуяларды угуучуларды жана тиешелүү төмөнкү компоненттерди шарт өзгөргөндө туура жок кылылып жана кайра түзүлөрүнө кепилдик берет.

v-if директивасы ошондой эле жалкоо: эгерде шарт баштапкы тартуу убагында жалган болсо, анда ал эч нерсе кылбайт - шарттуу блок шарт чынга чейин тартылбайт.

Салыштырмалуу, v-show андан да жөнөкөй - элемент ар дайым тартылат, баштапкы абалына карабастан CSS негизинде которулуу менен.

Жалпысынан, v-if которулууда жогорураак чыгымдары бар, ал эми v-show баштапкы тартууда көбүрөөк чыгымга ээ. Ошондуктан, эгерде которулуулар көп болот деп күтсөңүз, v-show колдонуңуз, жана эгерде шарт аткаруу убагында өзгөрбөсү мүмкүн болсо, v-if директивасын артыкчылык кылыңыз.