v-if和v-show

相同点：

1、v-if 与 v-show 都可以动态控制 DOM 元素的显示隐藏。

不同点：

1、v-if 有更高的切换开销，v-show 有更高的初始渲染开销。
2、v-if 通过动态向DOM树增删DOM元素，v-show 设置display来进行隐藏
5、v-if 切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show 只是简单的基于 CSS 切换；

总结：
 如果需要非常频繁地切换，则使用v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。