```html <div v-if=""></div> <div v-show=""></div> ``` #### v-if 和 v-show 在页面都展示为显示隐藏，但二者有本质的区别。 > `v-if `当值为 true时，显示div ，当值为false时，该元素消失，代码也会消失，相当于将代码删除了，当在为true时，页面会重新渲染div; >` v-show` 控制的隐藏出现，只是将css属性设为了display：none 或block; `v-if`有更高的切换消耗，不适合做频繁的切换； `v-show`有更高的初始渲染消耗，适合做频繁的切换；