【vue】v-if和v-show的区别
发布日期：2021-05-15 03:05:21
浏览次数：14
分类：精选文章
本文共 287 字，大约阅读时间需要 1 分钟。
vue中v-if和v-show的使用频率都很高，那么它们有什么区别呢？
概念
v-show是通过设置css样式为"display: none"来实现元素的显示和隐藏，而v-if则是动态地在dom树中添加或删除标签。分析
v-show的特点是不管值为true还是false，该元素都会渲染到dom树中，所以需要考虑该元素是否需要再次显示。v-if则是只有在值为true时才会渲染dom树，值为false时则不会再生成dom元素。应用
v-show最适合用在需要频繁显示或隐藏某个dom元素的场景中，而v-if则适用于全局组件是否显示或者根据数据变化是否显示特定组件的情形。发表评论
最新留言
做的很好，不错不错
[***.243.131.199]2025年04月16日 00时04分36秒
关于作者
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！
-- 愿君每日到此一游！
推荐文章
iOS 开发官方文档链接收集
2019-03-11
网易云面试（Android岗）之旅，差点被这些基础题绊了跟头。
2019-03-11
linux学习笔记（四）基本用户管理与帮助命令
2019-03-11
小程序：防止父方法被子方法冒泡，使用catchtap
2019-03-11
vue报错 created hook错误
2019-03-11
单选框点击文字也能选中
2019-03-11
此主机支持Intel VT-x,但Intel VT-x 处于禁用状态。
2019-03-11
06-局部变量和全局变量
2019-03-11
12-面向对象1
2019-03-11
python基础总结 异常处理
2019-03-11
解决Vue源码运行错误
2019-03-11
HDU - 4109 Instrction Arrangement
2019-03-11
Lua websocket长连接
2019-03-11
SQL 分页查询 返回总条数
2019-03-11
重写的特点
2019-03-11
Linux运行C语言文件
2019-03-11
C字符串高级
2019-03-11
C语言_动态内存分配练习
2019-03-11
Linux学习_系统进程概念
2019-03-11
七层网络模型(待添加)
2019-03-11
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 461318156 位访客