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切换