Ниже указаны основные различия между v-show и v-if:

v-if рендерит элемент в DOM-дереве только если выражение истинно, в то время как v-show рендерит их при любом условии, но скрывает при помощи CSS.
v-if поддерживает директивы v-else и v-else-if, в то время как v-show не имеет альтернативной директивы.
v-if требует больше ресурсов при переключении состояния для рендера, а v-show позволяет делать это максимально быстро, но с соответствующими ограничениями.
v-if поддерживает <template>, а v-show нет.

v-show и v-if