Vue の v-if と v-show の違いは何ですか?

Vue の "v-if" と "v-sh" の違いは次のとおりです: 1. "v-show" は 1 回だけコンパイルされますが、"v-if" は常に破棄および作成されます。 「 v-if 」は権限のある操作に適しており、権限データはレンダリング中に判断されます; 3. v-show は日常的な使用に適しており、データのレンダリングと不要な操作を減らすことができます。

Vue では、v-if と v-show を使用して要素またはテンプレートのレンダリングを制御できます。また、v-if と v-show も属します。 Vue 内で一般的に使用される命令 (条件付きレンダリング)。

#v-if と v-show はどちらもバインドされたデータの true/false を判定して表示されます。

#本質的な違い

vue-show の本質は、ラベル表示が none に設定され、コントロールが非表示になることです。

vue-if は、DOM 要素を DOM ツリーに動的に追加または削除します

相違点コンパイル中

v-show は実際に css

v-if 切り替えに部分的なコンパイル/アンインストール プロセスがある場合、切り替えプロセス中に内部イベント リスナーとサブコンポーネントが制御されます。適切に破棄され、再構築されます

コンパイル条件

v-show はコンパイルされます。初期値は false で、display を none に設定するだけで、コンパイルも行われます。

v-初期値が false の場合、コンパイルされません。

パフォーマンスの違い

v-show は 1 回コンパイルするだけで、実際に CSS を制御しますが、v-if は破棄と作成を繰り返すため、v-show のパフォーマンスは異なります。より良い。

使い方の違い

v-ifは権限のある操作に適しています 権限データはレンダリング時に判断され、存在する場合は関数が表示されます、そうでない場合は削除されます。 v-show は日常的な使用により適しており、データのレンダリングや不要な操作を減らすことができます。

ページが他のプログラマに見られたくない場合は、v-if を使用してください。ページには表示されません。

【関連する推奨事項:

JavaScript チュートリアル ]

以上がVue の v-if と v-show の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。