vue中v-if与v-show的区别

1. html解构：v-if是通过控制dom节点的存在与否来控制元素的显隐；v-show是通过设置DOM元素的display样式，block为显示，none为隐藏；

2.编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show只是简单的基于css切换；

3.性能消耗：v-if有更高的切换消耗；v-show有更高的初始渲染消耗；

总结

v-if判断是否加载，可以减轻服务器的压力，在需要时加载,但有更高的切换开销;

v-show调整DOM元素的CSS的dispaly属性，只加载一次，初始加载比较慢，适合频繁操作，如tab切换