Условия, директива v-show в Vue

Вариантом условного отображения является директива v-show

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

Элемент с v-show будет всегда отрисовываться и оставаться в DOM, а переключаться будет лишь его CSS свойство display.

Директива v-if выполняет настоящую условную отрисовку, так как гарантирует, что слушатели событий и дочерние компоненты внутри блока должным образом уничтожаются и воссоздаются при переключениях условия.

Директива v-if также ленивая: если условие ложно на момент первоначальной отрисовки, то она ничего не сделает — условный блок не будет отрисован до тех пор, пока условие не станет истинным.