v-show与v-if 的区别

最新推荐文章于 2024-05-14 20:43:32 发布

猕猴桃-HR

最新推荐文章于 2024-05-14 20:43:32 发布

阅读量101

点赞数

分类专栏：前端面试题

本文链接：https://blog.csdn.net/weixin_45677987/article/details/117409419

版权

前端面试题专栏收录该内容

31 篇文章 0 订阅

订阅专栏

v-if: 是真正的条件渲染, 因为它会确保在切换过程中条件块内的事件监听和子组件的适当的被销毁和重建;
也还是惰性的. 如果在初始条件渲染为假时,  则什么什么也不做 --- 一直到条件第一次变为真时, 才会开始渲染条件块.

v-show: 就简单多了, 不断初始条件是什么, 元素总会被渲染, 并且只是简单的基于CSS 的display 属性进行切换.

所以: v-if 适用于运行时很少改变条件吗, 不需要频繁切换条件的场景;  v-show: 则适用于需要非常频繁切换条件的场景.