v-if 和 v-show 的区别

v-if

• v-if是"真实"的按条件渲染,当渲染条件值为true时，创建节点，当渲染条件值为false时会销毁节点；
• v-if是惰性的，当初次渲染条件为false时，不会做任何事情。

v-show

• v-show无论渲染条件如何，节点都会被渲染，只切换css的display属性。

总结

v-if有更高的切换开销，v-show有更高的初始渲染开销，需要频繁切换使用v-show,不频繁则使用v-if。