共同点

作用效果都式相同的,都能控制元素在页面是否显示

用法也相同

• 当表达式为true的时候，都会占据页面的位置
• 当表达式都为false时，都不会占据页面位置

区别

v-show隐藏是为改元素添加css样式display:none,元素依然还在

v-if显示隐藏是将dom元素整个添加或删除

v-if相比于v-show比较消耗性能,因为是直接操作dom节点增加与删除

如果需要非常频繁地切换，则使用 v-show 较好

如果在运行时条件很少改变，则使用 v-if 较好