美文网首页
vue v-show 跟v-if的区别

vue v-show 跟v-if的区别

作者: linda的小天地 | 来源:发表于2020-10-14 13:15 被阅读0次

1.什么是v-show指令

v-show和v-if的能够一样都是条件渲染, 取值为true就显示, 取值为false就不显示

2.v-if和v-show区别

v-if: 只要取值为false就不会创建元素

v-show: 哪怕取值为false也会创建元素, 只是如果取值是false会设置元素的display为none

3.v-if和v-show应用场景

由于取值为false时v-if不会创建元素, 所以如果需要切换元素的显示和隐藏, 每次v-if都会创建和删除元素,影响性能

由于取值为false时v-show会创建元素并设置display为none, 所有如果需要切换元素的显示和隐藏,

不会反复创建和删除, 只是修改display的值

所以: 如果企业开发中需要频繁切换元素显示隐藏, 那么推荐使用v-show, 否则使用v-if

相关文章

  • vue2.0基础知识点

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

  • 第二天

    1、v-show和v-if区别? v-show判断节点是否隐藏 v-if 判断节点是否渲染 2、vue中key的作...

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

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

  • vue

    条件语句: v-if跟v-show的区别:v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设...

  • vue面试题

    Vue面试题 未经允许 禁止转载 1. v-if和v-show的区别 v-show是通过CSS的display来控...

  • vue中v-if与v-show的区别

    在 Vue.js 中,使用 v-if 和 v-show 指令来控制条件渲染。 1.二者的区别: v-show :会...

  • 2018-05-22 指令

    v-if && v-show && v-else v-if和v-show的区别:v-if 判断是否加载,如果时fa...

  • vue

    vue基础 v-if和v-show的区别 v-if: 判断是否加载,可以减轻服务器的压力,在需要时加载。 v-sh...

  • v-if与v-show的用法与区别

    标签: vue vue中显隐方法常用两种,v-show和v-if,但这两种是有区别的。 实现本质方法区别vue-s...

  • 【Vue】常用指令v-if和v-show的区别

    ?【Vue】学习养成记,【程序员必备小知识】 ? 今日小知识——Vue指令v-if和v-show的区别 v-sho...

网友评论

      本文标题:vue v-show 跟v-if的区别

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