兩個都是讓元素不可見。但是兩個選項有區別
- v-if 在條件切換時,會對標簽進行適當的創建和銷毀,而v-show則僅在初始化時加載一次,因此v-if的開銷比v-show大
- v-show控制的時元素的display屬性,無論初始條件是否成立,都會渲染標簽。而v-if是惰性的,只有在條件成立時才渲染為真實的標簽,條件為假,不會去渲染標簽
項目中如何使用?
- 當初始條件為假時,v-show初始渲染開銷較高,使用v-if
- 當我們頻繁切換開關是,v-if切換開銷較高,使用v-show
- 多路分支,只能選擇v-if
- 具體看開發項目的時候是否頻繁操作DOM