相同: 都是控制组件在页面中是否显示
不同:
v-if是通过判定条件的真假来动态的控制DOM元素在页面中的增删;v-show是通过判定事件的真假来动态的控制DOM元素的样式(display:none/block);频繁的进行增删DOM操作会影响页面加载速度和性能,因此在大多数情况下v-show的性能要比v-if的好只有v-if能和v-else连用进行分支判断,v-show是不能和v-else连用的,如果出现多种条件场景的情况下,可以使用v-if来进行判断
使用场景:
v-if 适用于在运行时很少改变条件,不需要频繁切换条件的场景;v-show 则适用于需要非常频繁切换条件的场景。