Vue中v if和v show的区别与使用场景

v-show与v-if有什么区别？ v-if是真正的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。v-show就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于CSS的“display”属性进行切换。所以，v-if适用于在运行时很少改变条件，不需要频繁切换条件的场景；v-show则适用于需要非常频繁切换条件的场景。如果需要频繁切换的情况下使用v-if会造成大量性能损耗，可以考虑使用v-show。