老师,想问下 v-if 和 v-show 具体有什么区别吗

老师,想问下 v-if 和 v-show 具体有什么区别吗

我知道的是 v-if是通过条件判断,true显示,fasle隐藏,隐藏的时候页面中对应的dom元素将被删除;

v-show是通过display:block显示,display:none隐藏,隐藏的时候页面中依旧还有对应的dom元素;

还有其他区别吗?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,还有以下的可以参考下哦,即:

1、编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译(编译被缓存?编译被缓存后,然后再切换的时候进行局部卸载); 

    v-show是在任何条件下(首次条件是否为真)都被编译,然后被缓存,而且DOM元素保留;

2、性能消耗:v-if有更高的切换消耗;v-show有更高的初始渲染消耗;

3、使用场景:v-if适合运营条件不大可能改变;v-show适合频繁切换。

希望能帮助到你,欢迎采纳。

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师