v-ifとv-showの違い
プログラミング
2023-10-05 00:57:07
訪問数: null
違い:
- v-show は、display 属性を制御することで dom を表示または非表示にします。
- v-if は本当の意味での条件付き描画で、true の場合は描画 (dom が存在する)、false の場合は描画されません (dom が存在しない) ことになります。
パフォーマンス:
- v-if はスイッチング オーバーヘッドが高く、v-show は初期レンダリング オーバーヘッドが高くなります。
頻繁に切り替えが必要な場合は v-show を、動作条件がほとんど変わらない場合は v-if を使用するとよいでしょう。
- v-show は DOM 要素を追加または削除せずにスタイルを動的に変更することしかできないため、v-show は v-if よりもパフォーマンスが高くなります。
したがって、プログラムがそれほど大きくない場合、v-if と v-show には大きな違いはありませんが、プロジェクトが非常に大きい場合は、v-show を使用することをお勧めします。これにより、後のブラウザーのパフォーマンスが低下します。オペレーション。
- id=1、=2、=3... のように複数の条件シナリオが必要な場合は、v-if しかないため、v-else などと組み合わせて使用できます。この場合、v-ifの方が適しています
- v-show は構文をサポートしていません
- v-if が切り替わると、内部イベントやフック関数などをリアルタイムに破棄して再構築しますが、v-show は初期レンダリング時にのみ実行され、切り替え時にはその後のプロセスは実行されません。
転載: blog.csdn.net/shanghai597/article/details/131832281