vue中v-if和v-show的区别

v-if

• 会影响DOM加载情况
• 懒加载（仅在第一次条件为true时执行）
• 可以配合v-if-else使用
• 可以在template标签中使用

v-show

• 无论条件如何都会加载
• 采用js的display属性控制
• 不可以和v-if-else配合使用
• 不可在template标签中使用

总结

如需频繁切换时，采用v-show可避免频繁渲染（性能优化）