v-if和v-show的区别

vue中,我们常用指令v-if和v-show处理页面显示与否,但二者存在明显的区别。

1.控制显示方式不同。

v-if:通过是否插入dom

v-show:改变css属性display的值

2.v-if可以配合v-else使用

3.在组件上使用,相当于在template标签上使用,v-show并不能控制组件的显示。


使用v-if和v-show的场景

只有v-if对应的值位true时,才会渲染到dom中,v-show简单的多,切换显示开销会小。换句话说就是,在需要频繁切换显示的元素上需要使用v-show,其次使用v-if,不要在组件上使用v-show。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容