v-if 和 v-show 有什么区别？

这次咋们讲讲v-if 和v-show之间的区别？它们在使用的时候究竟有什么不同之处呢

简单来说

v-if的初始化快，v-show的初始化慢

但是它们的共同点是：

都是动态显示DOM元素。

v-if：若值为false，那么页面将不会有这个html标签生成，v-if只有当满足条件是才会编译。

v-show：不论其值是false还是true，html元素都会存在，只是简单的切换css的display属性，也就是说要达到简单的显示和隐藏也只需切换简单的display属性。

所以这里我们也可以看出~~~~

                        v-if切换需要一个编译的过程，而v-show只需要简单的切换css的display属性

v-if的切换成本高于v-show的切换成本。

它们控制显隐的手段不同：

 v-if是动态的向DOM树内添加或者删除DOM元素
v-show是通过设置DOM元素的display样式属性控制显隐

它们什么时候适合使用：

v-if适合运营环境不需经常改变的场景

v-show适合频繁切换

想了解更深刻的宝宝可查阅相关资料~~~~