vue

v-show和v-if有什么区别?使用场景分别是什么?

发布于 2021-01-11 17:00:07
关注者
0
被浏览
662
5 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    区别:v-if 不渲染 DOM,v-show 会渲染 DOM

    v-show 使用场景:

    1. 预渲染需求
    2. 需要频繁切换显示状态
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    v-show 是css的display显示和隐藏
    v-if 是DOM 销毁和重建

    v-show 使用场景:
    1.频繁的切换显示状态
    2.预渲染需求

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    v-if下面还可以写v-else-if和v-else,而v-show不行
    v-if只有条件为真才创建DOM元素,而v-show条件满不满足都会创建DOM元素,只不过那个元素会添加display:none的样式
    如果需要频繁的切换则使用v-show,否则用v-if

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    终于有一题是我会的了
    v-show 相当于css的display,一般用在比较简单的业务里,不会默认执行
    v-if是判断,会默认加载执行

知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看