美文网首页
v-show 与 v-if 有什么区别?

v-show 与 v-if 有什么区别?

作者: love_peaches | 来源:发表于2020-12-22 14:46 被阅读0次

2、v-show 与 v-if 有什么区别?

v-if真正 的条件渲染,因为它会确保在切换过程中,条件块内的事件监听器和子组件适当地被销毁和重建;

也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。
v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 的 “display” 属性进行切换。
所以,v-if 适用于在运行时很少改变条件,不需要频繁切换条件的场景;v-show 则适用于需要非常频繁切换条件的场景。

相关文章

  • v-show 与 v-if 有什么区别?

    2、v-show 与 v-if 有什么区别? v-if 是 真正 的条件渲染,因为它会确保在切换过程中,条件块内的...

  • vue(2)

    条件渲染 条件渲染指令 1)v-if 与 v-else 2)v-show 比较 v-if 与 v-show 3)如...

  • Vue2学习笔记:vue条件渲染

    一、v-if ①template v-if ②v-else ③v-show 二、v-if vs v-show 学好...

  • 2021-09-25

    14介绍一下项目经历 1,v-show 与 v-if 有什么区别 2, 组件传值 3,1+2+3+4+5+6+7 ...

  • vue2.0基础知识点

    1、v-if与v-show的区别 条件渲染 (使用v-if) 条件展示 (使用v-show) 2、关于vue中Wa...

  • Vue中 v-if 和 v-show 的理解

    一、v-show与v-if的共同点 我们都知道在 vue 中 v-show 与 v-if 的作用效果是相同的(不含...

  • vue2.0基础(一、内部指令)

    指令 1、条件判断 v-if v-else v-show ### v-if 和v-show的区别: v-if:...

  • Vue面试题

    001、v-show与v-if的区别 v-show:操作的是元素的display属性v-if:操作的是元素的创建和...

  • vue系统学习1-内部指令

    1、v-if与v-show区别 v-if: 按需加载dom,可以减轻服务器的压力。v-show:dom已加载好,调...

  • Vue面试题汇总

    1. v-if与v-show区别 v-if只有当条件是true才进行渲染,是真正的销毁和重建。v-show无论条件...

网友评论

      本文标题:v-show 与 v-if 有什么区别?

      本文链接:https://www.haomeiwen.com/subject/nersnktx.html