v-show与v-if的比较

v-show与v-if的比较

1. 什么时候元素被渲染

v-if 如果在初始条件为假，则什么也不做，每当条件为真时，
都会重新渲染条件元素

v-show 不管初始条件是什么，元素总是会被渲染，
并且只是简单地基于 CSS 进行切换

2. 使用场景选择

v-if 有更高的切换开销，

v-show 有更高的初始渲染开销。

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