首页 > 其他分享 >v-if与v-show

v-if与v-show

时间:2022-11-05 11:22:51浏览次数:50  
标签:满足条件 show 标签 元素 else 时候

v-if的特点

v-if:是真实的条件控制语句,每当我们满足条件的时候就会显示元素,不满足条件的时候不显示元素(不存在元素没有)

v-if:有一套自己的条件控制语句v-if; v-else-if; v-else

v-if: 可以搭配Template标签使用

v-show的特点

v-show:也可以控制元素的显示和隐藏,满足条件的时候显示元素,不满足的时候隐藏(元素是存在的只是通过display:none;来隐藏了)

推荐

1.如果我们频繁的切换标签的时候推荐使用v-show,减少DOM的渲染时间,提高用户的体验 (以空间换时间)

2.如果我们少次的切换标签的时候推荐使用v-if,减少内存的占用(以时间换空间)

标签:满足条件,show,标签,元素,else,时候
From: https://www.cnblogs.com/ltwlh/p/16859841.html

相关文章

  • v-if与v-show的区别
    v-if与v-show的区别于2022-07-0421:43:13发布3672收藏7分类专栏:vue文章标签:vue前端一、共同点:v-if和v-show都能实现元素的显示隐藏二、区别:1.v-show......
  • dialog.showMessageBox 自定义icon图标不显示问题
    icon:path.join(__dirname,'../dist/img/facebook.png')注意:开发环境无效,打包后才生效代码如下:dialog.showMessageBox({ //type:'warning', title:'退出提示',......
  • ctfshow web118(利用系统环境变量拼接命令)
    full以后发现题目给了如下字符(几个特殊字符+大写英文字母)我们利用系统环境变量来构造我们需要的命令:${PATH:~A}${PWD:~A}${IFS}????????===nlflag.php自己本地试试......
  • ctfshow web72(绕过open_basedir)
    if(isset($_POST['c'])){$c=$_POST['c'];eval($c);$s=ob_get_contents();ob_end_clean();echopreg_replace("/[0-9]|[a......
  • SVN不能显示最新的showlog
    多台电脑使用svn,偶然发现服务器上的svn不能正常显示最新的showlog,记录到之前的某个时间为止。搜索网上讲是要清除本地缓存记录,但是还是没有用,showlog仍然显示到某个日期。......
  • [CTFSHOW]中期测评WP(差512和514)
    文章目录​​前言​​​​web486​​​​web487​​​​web488​​​​web489​​​​web490​​​​web491​​​​web492​​​​web493​​​​web494​​​​web495​​......
  • ctfshow反序列化 刷题随笔
    刷题随笔web254题目直接传参,没啥好说的web255题目<?phperror_reporting(0);highlight_file(__FILE__);include('flag.php');classctfShowUser{public$......
  • Antd Modal组件的封装 Modal.show
    antd的modal组件,使用的时候,一般都需要手动去修改visible属性,创建编辑共用的时候,需额外维护数据。然后就想着封装一套不需要维护数据的Modal1、onOk返回promise的时候,执行r......
  • ctfshow-web入门信息收集
    web1CTRL+u解决web2同web1web3http头中web4查看robots.txt访问/flagishere.txtweb5访问phps下载源码web6有www.zip,下载拿到flagweb7git的源码泄露,直......
  • fcpx插件:Stupid raisins show pop for Mac(20个标题展示模板)
    mac哪款fcpx标题展示插件好用呢?StupidrAIsinsshowpopforMac是一款运行在MacOS平台,搭配FinalCutPro x软件一起使用的标题展示模板。StupidrAIsinsshowpop有20个......