v-show 与 v-if 区别 ​

v-show只是在display: none和display: block之间切换。无论初始条件是什么都会被渲染出来，后面只需要切换 CSS，DOM 还是一直保留着的。所以总的来说v-show在初始渲染时有更高的开销，但是切换开销很小，更适合于频繁切换的场景。

v-if的话就得说到 Vue 底层的编译了。当属性初始为false时，组件就不会被渲染，直到条件为true，并且切换条件时会触发销毁/挂载组件，所以总的来说在切换时开销更高，更适合不经常切换的场景。

并且基于v-if的这种惰性渲染机制，可以在必要的时候才去渲染组件，减少整个页面的初始渲染开销。