v-show отображает и скрывает DOM, управляя атрибутом display.
v-if — это условный рендеринг в истинном смысле: когда он истинен, он рендерится (dom существует), когда он ложный, он не существует (dom не существует).
производительность:
v-if имеет более высокие затраты на переключение, а v-show имеет более высокие начальные затраты на рендеринг. Если требуется частое переключение, лучше использовать v-show, если условия эксплуатации меняются редко, лучше использовать v-if.
v-show имеет более высокую производительность, чем v-if, поскольку v-show может только динамически изменять стили без добавления или удаления элементов DOM. Поэтому, когда программа не очень большая, большой разницы между v-if и v-show нет. Если проект очень большой, рекомендуется больше использовать v-show, что снизит производительность браузера в дальнейшем. операции.
Если требуется несколько сценариев условий, например id=1, =2, =3..., поскольку существует только v-if, его можно использовать вместе с v-else и т. д. В этом случае v-if более подходит
v-show не поддерживает синтаксис
Когда v-if переключается, он в реальном времени уничтожает и перестраивает внутренние события, функции перехвата и т. д. v-show будет выполняться только во время первоначального рендеринга и не будет выполнять последующие процессы при переключении.