Vue v-if 与v-show的区别

news/2024/7/10 1:34:45 标签: js, vue, web, 面试
webkit-tap-highlight-color: rgba(0, 0, 0, 0);">

v-if

当v-if条件为false时 包含v-if的元素不会存在dom上

v-show

使用v-show注意不要放在权限功能的渲染上
在这里插入图片描述

当v-show条件为false时 包含v-show的元素会存在dom上 通过display:none隐藏元素

so 在我们开发时 如果是频繁要显示与隐藏的元素 用v-show 节省dom性能开销
如果切换频率不是很高用v-if

个人习惯在开发过程中使用v-if比较多
因为好多大段dom元素是通过后端返回的数据来判断dom要不要显示与隐藏 来渲染页面
ok 今天的小记录就到这。。。。。(今天有时间来总结的原因是今天服务器崩了 嘎嘎嘎嘎)
在这里插入图片描述


http://www.niftyadmin.cn/n/875262.html

相关文章

前端知识点小列 个人总结

css的渲染机制是从右往左 例题: So。。。dddd 不懂得小白来捶我默默忍受 js 八大数据类型 基本数据类型 string number boolean null undefined 复杂数据类型 Object Function Symbol(创建唯一值symbol(“1”)symbol&#xff08…

怎么潜入别人家_当别人夸奖自己家孩子时,你会怎么做

现在随着社会在发展,人们思想越来越开放,每次一到周末或节假日,基本上都能看到朋友圈晒各种各样的聚会,有人晒去哪里吃放了,有人晒朋友,晒包包,新衣服等。还有一群可爱的妈妈们在晒娃。说道晒娃…

多个redistemplate_使用Redis缓存管理器,redisTemplate和多个序列化器进行缓存

小编典典经过一些研究,现在已解决。将spring-data-redis更改为1.4.2。使用带有缓存映射的类将RedisCacheManager扩展到序列化器(cacheName-> serializer)并缓存名称覆盖getCache方法(Cache getCache(字符串名称)),并基于缓存名称,在redis模…

协议默认端口号

ftp 21 文件传输协议 ssh 22 SSH服务协议(安全登录),可以通过ssh来访问Linux系统 Pop3 110 它是因特网电子邮件的第一个离线协议标准 Smtp 25 简单邮件传输协议 http 80 超文本传输协议 https 443 即HTTP下加入SSL层,简单讲是HTTP的安全版。 Telne…

微秒时间_NTP/PTP时间同步入门

简介时间同步是指以中心控制系统的标准时钟作为基准使各分布系统和终设备的时钟与中心控制系统时钟进行同步的过程。随着5G和工业5.0的到来,网络终端设备和网络业务的飞速增长,时间同步已成为现代通信,电力,军事,金融等…

输入任意字符后 以对象形式输出出来 展示各个字符出现的次数

输入任意字符后 以对象形式输出出来 展示各个字符出现的次数 qaaaqwqaqqq { q: 6, a: 4, w: 1 }

逻辑分析_如何提高自己逻辑分析能力?

你为自己不具备逻辑分析能力所困扰吗?你经常花费很多时间却讲不清楚一件小事而备受质疑吗?你不知道怎么有效的向你的领导阐述问题吗?希望这篇文章能帮助你解决难题。核心问题互联网运营工作十年有余,经常会遇到一种现象&#xff0…

Flex布局 各个属性的应用

面试被问到 你和我说一下Flex布局中的各个属性 我嘞个去 那么多 我也不常用 怎么会记得 只记得justify-content和align-items 回来和老大吐槽 没想到老大说他也这么面 这不摧残人么 身为Web前端攻城狮岂能被小小flex卡了脖子? 下定决心 血洗一波Flex 容器的一些常…