vue中v-if和v-show有什么區別?


兩個都是讓元素不可見。但是兩個選項有區別

  1. v-if 在條件切換時,會對標簽進行適當的創建和銷毀,而v-show則僅在初始化時加載一次,因此v-if的開銷比v-show大
  2. v-show控制的時元素的display屬性,無論初始條件是否成立,都會渲染標簽。而v-if是惰性的,只有在條件成立時才渲染為真實的標簽,條件為假,不會去渲染標簽

項目中如何使用?

  • 當初始條件為假時,v-show初始渲染開銷較高,使用v-if
  • 當我們頻繁切換開關是,v-if切換開銷較高,使用v-show
  • 多路分支,只能選擇v-if
  • 具體看開發項目的時候是否頻繁操作DOM


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM