v-if和v-show的差別

v-if 是“真實”的條件渲染，因為它會確定條件塊(conditional block)在切換的過程中，完整地銷毀(destroy)和重新建立(re-create)條件塊内的事件監聽器和子元件。

v-if 是惰性的(lazy)：如果在初始渲染時條件為 false，它不會執行任何操作 - 在條件第一次變為 true 時，才開始渲染條件塊。

相比之下，v-show 要簡單得多 - 不管初始條件如何，元素始終渲染，并且隻是基于 CSS 的切換。

通常來說，v-if 在切換時有更高的性能開銷，而 v-show 在初始渲染時有更高的性能開銷。是以，如果需要頻繁切換，推薦使用 v-show，如果條件在運作時改變的可能性較少，推薦使用 v-if。

注：如果說頁面中的某功能不經常用，我們可以用v-if來實作；如果說頁面中的某功能經常用到，我們可以喲個v-show來實作

作者：狗尾草

-------------------------------------------

個性簽名：海到無邊天作岸，山登絕頂人為峰！