vue中v-if与v-show区别

v-if和v-show都用于进行页面条件控制，二者在实际开发用应用不同。

   v-if显示与隐藏是将dom添加或者删除。v-show不管条件是否为真，都会进行加载，只不过是通过css样式display：none进行显示与隐藏切换。

   v-if切换有一个局部装载，卸载的过程，v-show则仅仅是css的改变。

   v-if是惰性的，if条件不满足，则什么也不做。只有在第一次条件为真的时候，才会进行编译创建、缓存，然后在切换的时候进行局部卸载。v-show都会被编译缓存，dom元素保留。

   性能上：

   v-if切换消耗大。v-show有更高的初始渲染消耗。

   使用场景：

   v-if使用在切换场景不大的切换情况下，v-show适合在频繁切换场景。