这次咋们讲讲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的切换成本。
它们控制显隐的手段不同:
扫描二维码关注公众号,回复:
5118747 查看本文章
v-if是动态的向DOM树内添加或者删除DOM元素
v-show是通过设置DOM元素的display样式属性控制显隐
它们什么时候适合使用:
v-if适合运营环境不需经常改变的场景
v-show适合频繁切换
想了解更深刻的宝宝可查阅相关资料~~~~