vue中,我們常用指令v-if和v-show處理頁面顯示與否,但二者存在明顯的區(qū)別。
1.控制顯示方式不同。
v-if:通過是否插入dom
v-show:改變css屬性display的值
2.v-if可以配合v-else使用
3.在組件上使用,相當(dāng)于在template標(biāo)簽上使用,v-show并不能控制組件的顯示。

使用v-if和v-show的場(chǎng)景
只有v-if對(duì)應(yīng)的值位true時(shí),才會(huì)渲染到dom中,v-show簡(jiǎn)單的多,切換顯示開銷會(huì)小。換句話說就是,在需要頻繁切換顯示的元素上需要使用v-show,其次使用v-if,不要在組件上使用v-show。