Vue中v-if和v-show有什么區(qū)別？，這是一道非常高頻的前端面試題，但是很多同學在面試時候都回答不完整。老規(guī)矩，點贊收藏，點點關(guān)注支持一下，給我一分鐘，理想哥教大家該怎么滿分回答這個問題

如果我是求職者，我會這么回答：

v-if 是“真實的”按條件渲染，在切換時元素的事件監(jiān)聽器和子組件都會被銷毀與重建。

但是v-if 是惰性的，如果在初次渲染時條件值為 false，則不會做任何事。元素只有當條件首次變?yōu)?true 時才被渲染。

相比之下，v-show 簡單許多，元素無論初始條件如何，始終會被渲染，只有 CSS display 屬性會被切換。

總的來說，v-if 有更高的切換開銷，而 v-show 有更高的初始渲染開銷。因此，如果需要頻繁切換，則使用 v-show 較好；如果在運行時綁定條件很少改變，則 v-if 會更合適。

以上就是這個問題的回答了，大家可以下次面試時試試這么回答看看效果。

最后，歡迎關(guān)注理想哥，每天學點前端面試小技巧。