1.v-if是動態(tài)的向DOM樹內添加或者刪除DOM元素;
2.v-show是通過設置DOM元素的display樣式屬性控制顯隱;
編譯過程:v-if切換有一個局部編譯/卸載的過程,切換過程中合適地銷毀和重建內部的事件監(jiān)聽和子組件;v-show只是簡單的基于css切換;
編譯條件:v-if是惰性的,如果初始條件為假,則什么也不做;只有在條件第一次變?yōu)檎鏁r才開始局部編譯(編譯被緩存?編譯被緩存后,然后再切換的時候進行局部卸載);
v-show是在任何條件下(首次條件是否為真)都被編譯,然后被緩存,而且DOM元素保留;
性能消耗:v-if有更高的切換消耗;v-show有更高的初始渲染消耗;
例:首次是條件是false 切不會多次重復編譯的情況下用v-if 反之則v-show
? ??