v-ifとv-showの違い

<div v-if=""></div>
<div v-show=""></div>

v-ifとv-showの両方がページで表示および非表示になりますが、2つの間に本質的な違いがあります。

v-if値がtrueの場合、divが表示されます。値がfalseの場合、要素が消えてコードが消えます。これは、コードを削除することと同じです。trueの場合、ページはdivを再レンダリングします。

v-show 非表示のコントロールが表示されますが、cssプロパティは表示するように設定されています。なしまたはブロック。

v-if頻繁な切り替えには適さない、より高い切り替え消費があり、頻繁な切り替えに適して
v-showいる、より高い初期レンダリング消費があります。