v-if與v-show區別

在v-show中，元素是一直存在的，當v-show為false時，元素display:none只是隱藏了而已。

 

v-if

作用：判斷是否加載固定的內容，如果為真，則加載；為假時，則不加載。

用處：用在權限管理，頁面條件加載。

語法：v-if=“判斷表達式”

特點：控制元素插進來或者刪除，而不是隱藏。

 

so，一般的，v-if有更高的切換消耗，而v-show有更多的初始化渲染消耗。

so，如果需要頻繁的切換而對安全性無要求，使用v-show。如果在運行時，條件不可能改變，則使用v-if較好。