v-show和v-if的区别，了解清楚，灵活使用

它们的使用，基本一样。
v-if是false，不生成dom节点。与style="visibility: hidden;"是效果相同的。
v-show是false，生成dom节点，只是隐藏。与style="display: none;"是效果相同的。
如果需要占位符，在页面占据一部分空间，那么用v-show。
一般来说，v-if有更高的切换开销，而v-show有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用v-show较好；如果在运行时条件很少改变，则使用v-if较好。