最近用到 v-if 和 v-show 的指令,v-if是通過控制dom節點的存在與否來控制元素的顯隱；v-show是通過設定dom元素的display樣式，block為顯示，none為隱藏.
v-if有更高的切換消耗；v-show有更高的初始渲染消耗v-if 是讓這個dom 存在與不存在的問題，而v-show這個dom一直存在，只是顯示與不顯示。
場景1：如何讓乙個元件重置呢，其實就是給這個元件v-if , 然後給false, 再給true 就可以了。
場景2：有多個頁面同時執行， 但當前只顯示乙個頁面，就用v-show, 顯示當前頁面就是true, false， 但是同時開啟這麼多的頁面會損耗很多效能。
場景3：如果說，多個頁面切換，得保持切換前的狀態，用v-show 挺好的，但是也是會損耗效能，所以這裡建議用keep-alive 快取會好點。
v-if判斷是否載入，可以減輕伺服器的壓力，在需要時載入,但有更高的切換開銷;v-show調整dom元素的css的dispaly屬性，可以使客戶端操作更加流暢，但有更高的初始渲染開銷。
如果需要非常頻繁地切換，則使用 v-show 較好；如果在執行時條件很少改變，則使用 v-if 較好。
vue 指令總結
vue的指令 v for,in,key,v bind,v model,v on，v once，v cloak,v html,v text v show,v on，v if,v else if,v else,v pre 1.vue模板語法 使用雙花括號 這裡為文字插值 雙花括號裡面的資料解析為普通文字...
vue指令總結
v pre跳過這個元素和它的子元素的編譯過程 這裡的內容不會被編譯 v html輸出html v bind語法糖 動態更新html元素屬性 v on語法糖 繫結事件 v model用於表單類元素上雙向繫結資料 v cloak和display none配合使用解決網速較慢螢幕閃動問題 v cloak ...
vue 指令總結
templet templet中只能有乙個根節點 v text 只能用於雙標籤中，就是給元素的innertext賦值 v html 就是給元素的innerhtml賦值 v if 如果值為false，在html中顯示，為true就插入元素，v else if v else v show 是顯示與否的問...