v-if 与v-show 的区别及使用场景
虽然使用 v-if 和 v-show 指令,在页面呈现效果相同,但是两者之间确实存在影响和差异。
- 使用 v-if 隐藏的元素 Vue 不会尝试生成对应的HTML代码;而对于 v-show 指令,则会生成HTML代码,并且让起 display 值为 none,也就是说当需要隐藏尚未加载的内容时,v-if 指令更好一些
- 使用 v-if 会有性能开销,每次插入或者移除元素时都必须要生成元素内部的DOM树,这在某些时候是非常大的工作量。而 v-show 除了在初始创建开销时之外没有额外的开销。如果希望频繁切换某些内容,则选择 v-show。
- 如果元素包含任何图片,那么仅使用CSS隐藏父节点可以使浏览器在图片显示之前就加载它,这意味着一旦 v-show 变为真值,图片就可以显示出来。如果是 v-if 指令,图片会直到要显示时才开始加载
说明:以上内容为读《vue.js快跑:构建触手可及的高性能Web应用》的摘录
v-if 与v-show 的区别及使用场景相关推荐
- 抖音蓝V如何认证,蓝V号与普通号的区别?
抖音蓝V如何认证,蓝V号与普通号的区别? 先说说抖音蓝V号和普通号的区别,两者之间最大的区别就是:抖音蓝V比普通号拥有更多的商业功能特权,更具有商业价值. 抖音蓝V有哪些功能特权呢? 1.外观功能 ( ...
- v$sql和v$sqlarea的区别
v$sql: 共享池库缓存中在子指针级别上的SQL统计信息,包含了所有用户执行过的所有SQL信息.不同用户.不同会话执行相同的SQL的语义.执行计划可能会不同,这些SQL的字面值相同,即具有相同的sq ...
- FFmpeg笔记--vcodec和-c:v,-acodec和-c:a的区别?
在看ffmpeg命令的时候经常会看到有些地方使用--vcodec指定视频解码器,而有些地方使用-c:v指定视频解码器,那这两个有没有区别呢? ffmpeg的官方文档: -vcodec codec (o ...
- vscode 终端 进入node_安装了Node.js 从VScode 使用node -v 和 npm -v等命令却无效
前言 最近写TypeScript需要安装.配置Node.js环境,楼主是使用的安装包所以环境变量都是自动就配好了(如果是下载的zip压缩包解压后要自己配置到系统环境变量中).打开系统终端敲入命令 no ...
- POJ2762 Going from u to v or from v to u? 强连通+缩点
题目链接: poj2762 题意: 给出一幅单向图.问这张图是否满足 随意两点ab 都能 从a到达b 或 从b到达a 题解思路: 推断一幅图是否满足弱连通 首先想到的是将图中的 强连通分量(能互 ...
- 事务的四大特性、事务处理开始与结束、v$transactio、 v$LOCK
数据库事务的四大特性:ACID 事务的4大特性(ACID): 原子性(Atomicity):事务是数据库的逻辑工作单位,它对数据库的修改要么全部执行,要么全部不执行.一致性(Consistemcy): ...
- poj Going from u to v or from v to u? 强联通缩点+拓扑排序(或搜索)
方法一 #include <stdio.h> #include <string.h> #include <iostream> #include <algori ...
- 【POJ - 2762】Going from u to v or from v to u?(Tarjan缩点,树形dp 或 拓扑排序,欧拉图相关)
题干: In order to make their sons brave, Jiajia and Wind take them to a big cave. The cave has n rooms ...
- v$sql、v$sqlarea 、v$sqltext
分享: ------------------------------- v$sql.v$sqlarea .v$sqltext 这三个视图都可以用于查询共享池中已经解析过的SQL语句及其相关信息. V$ ...
- 安装了Node.js 从VScode 使用node -v 和 npm -v等命令却无效
前言 最近写TypeScript需要安装.配置Node.js环境,楼主是使用的安装包所以环境变量都是自动就配好了(如果是下载的zip压缩包解压后要自己配置到系统环境变量中).打开系统终端敲入命令 no ...
最新文章
- EL表达式 (详解)
- 北师计算机应用基础离线作业2,[北京师范大学]18秋《计算机应用基础(专科)》 离线作业2...
- java异常判断_Java异常退出条件的判断示例代码
- 如何HTML中输入正确格式,以HTML格式输入样式
- 第二阶段第五次站立会议
- php 连接 sqlserver
- 用window.showModalDialog()实现DIV模式弹出窗口
- sendEmail invalid SSL_version at SSL.pm
- SCOM 2012系列⑪单台服务器性能图监控
- Xcode更改Build输出路径
- 互联网日报 | 字节跳动发布独立教育品牌“大力教育”;哈啰出行试水网约车;京东“好房京选”线下品牌落地...
- Linux基础和命令大全
- 解决360篡改谷歌或其他浏览器主页的问题(亲身经历绝不copy)
- 2022-2027年中国倒车雷达行业市场全景评估及发展战略规划报告
- python血压测量程序代码_基于单片机的血压测量
- python 生意参谋_如何爬取生意参谋数据?是不是违规操作?
- MySQL中的随机抽取
- 苹果应用商店app_切勿更新!IOS最新观影APP上架苹果商店
- Ubuntu——卸载cuda、cudnn的方法
- 富士施乐3065扫描教程_精简高效灵活 富士施乐3065使用测试