v-if 和 v-show

1. v-if：在符合条件时，渲染DOM；在条件不符合时，不会渲染DOM。

2. v-show：即使不符合条件，也会渲染DOM，只是当不符合条件时，会设置样式 display: none 将元素隐藏，符合条件时显示元素。

比较：（1）v-if 条件切换时是对DOM进行创建和销毁，频繁的修改DOM会有很大的性能开销，因此 v-if 适用于较少切换条件的场景。

（2）v-show 只有初次渲染时开销较大，在初次渲染完成后，以后切换条件只是对样式进行修改，因此适用于切换条件频繁改变的场景。

（3）v-if 可以搭配 v-else 和 v-else-if 进行多分支条件判断，而 v-show 不可以。

虽然特别简单，但还是可以多看看博客，

https://juejin.cn/post/6844903967072206855

https://juejin.cn/post/7002598107557052423