1. v-if 是真正的條件渲染, 預設條件為false時元素不渲染，預設條件為true時元素渲染。
條件變為false時元素會銷毀，條件變為true時元素會重新建立。
而 v-show 只是簡單的去控制元素的css的display屬性。
2. v-show 有更高的初始渲染開銷（因為不管預設條件為真還是假，都會渲染出來）
v-if 有更高的切換開銷（切換時做銷毀與重建的操作）
如果需要頻繁切換顯示隱藏使用v-show更好，其餘情況使用v-if就好。
3. v-if 有 v-else v-else-if 去配套使用。
v-show 沒有，它是孤零零的乙個人
4. v-if 能配合 template 元素使用，而 v-show 不能，因為template是不會渲染出來，v-show 是要去控制元素的css屬性的
v if與v show的區別？
在切換v if塊時，vue.js 有乙個區域性編譯 解除安裝過程，因為v if之中的模板也可能包括資料繫結或子元件。v if是真實的條件渲染，因為它會確保條件塊在切換當中合適地銷毀與重建條件塊內的事件 和子元件。v if也是惰性的 如果在初始渲染時條件為假，則什麼也不做 在條件第一次變為真時才開始區...
v if與v show的區別
v if指令與v show指令都可以根據值動態控制dom元素顯示隱藏，v if和v show屬於vue的內部常用的指令，指令的職責是當表示式的值改變時把某些特殊的行為應用到dom上。v if指令用於條件性地渲染一塊內容，這塊內容只會在指令的表示式返回truthy值的時候被渲染。show hide v...
v if與v show的區別
場景 1 使用element ui中el upload元件作上傳 2 上傳成功後來回切換tab 3 tab是否顯示使用的是v if 粗略圖 問題 1 上傳成功後，顯示，切換tab之後不顯示 問題分析 1 是否顯示與路徑有關 2 console.log 以及檢視元素，位址一致，排除切換前後路徑不一致導...