v-if与v-show的区别

条件为真时

v-show与v-if无区别；

条件为假时

v-if 不再创建元素;
v-show

• 当前元素原本就存在，只是通过了display这个属性改变其中的属性值block改为了none给隐藏了，用户在页面上是看不到的。

性能方面的区别:

v-if 有更高的切换消耗；
v-show 有更高的初始渲染消耗

两者的使用场景：

v-if适合运营条件不大可能改变的情况下；
v-show适合频繁切换；