v-show 和 v-if 的区别

v-show

v-show 通过 css 中的 display 控制显示和隐藏
无论条件 true 或者 false 都会渲染元素
只渲染一次，性能消耗低

v-if

v-if 通过添加或销毁 dom 控制显示和隐藏
如果条件为 false 则不会渲染元素
性能消耗大

总结

v-show 适合条件频繁变化的情况， v-if 适合条件变化较少的情况