v-show 与 v-if区别
关于条件渲染
所谓条件渲染,就是根据不同的条件,使用不同的模板来生成 html。 在 Vue.js 中,使用 v-if 和 v-show 指令来控制条件渲染。
区别
v-show 会在app初始化的时候编译并且渲染,并且在之后一直存在。当切换v-show模块时,只是简单的更改css。
v-if 当切换v-if模块时,Vue.js 有一个局部编译/卸载过程,因为 v-if 之中的模板也可能包括数据绑定或子组件。v-if 是真实的条件渲染,因为它会确保条件块在切换当中合适地销毁与重建条件块内的事件监听器和子组件。 v-if 是惰性的,如果为false,则什么也不错-不编译,不渲染。 当第一次条件为真时,才开始编译。
建议
v-show的切换消耗比较低,但是不会重新渲染子组件,所以最好用于静态的内容或者不需要重新构建结构的组件。而 v-if 比较适合不太频繁的切换状态的组件。所以项目设计的时候,不要对复杂的业务设计模块太频繁的视图切换。尽量将静态内容和动态内容分离到不同的模块中。
一般来说,v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此,如果需要频繁切换 v-show 较好,如果在运行时条件不大可能改变 v-if 较好。
转载于:https://www.cnblogs.com/hjbky/p/6940991.html
v-show 与 v-if区别相关推荐
- v$sql和v$sqlarea的区别
v$sql: 共享池库缓存中在子指针级别上的SQL统计信息,包含了所有用户执行过的所有SQL信息.不同用户.不同会话执行相同的SQL的语义.执行计划可能会不同,这些SQL的字面值相同,即具有相同的sq ...
- 使用腾讯云绿标和腾讯大V绿标域名的区别
这里写自定义目录标题 使用腾讯云绿标和腾讯大V绿标域名的区别 我们经常在pc端发送域名,鼠标轻触提示官方认证,可放心访问,这样的域名又称之为安全网址域名,这种域名分为三个不同的提示,每个域名的认证也是 ...
- 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 ...
- POJ 2762Going from u to v or from v to u?(强联通 + 缩点 + 拓扑排序)
[题意]: 有N个房间,M条有向边,问能否毫无顾虑的随机选两个点x, y,使从①x到达y,或者,②从y到达x,一定至少有一条成立.注意是或者,不是且. [思路]: 先考虑,x->y或者y-> ...
最新文章
- [团队公告]博客园的敏捷软件开发团队成立了
- linux安装没有root权限
- 在.net开发中使用Log4Net组件
- 修复 SyntaxHighlighter 3.0.83 Java 代码多行注释 Bug
- OS / 进程中某个线程崩溃,是否会对其他线程造成影响?
- php7 pdo mysql_PHP7添加pdo_mysql扩展
- 13新功能_再聊聊灵感盒 -Marginnote 3.6.12/13新功能
- Mybatis学习笔记13 - 动态sql之set标签
- 如何把springboot项目部署到tomcat上
- 日志分析工具 Log Parser
- printf(%f\n, 3);输出结果为什么是0.000000(转载)
- 10 分钟看懂消息队列 RocketMQ
- asp优化:认识和优化connection对象
- Spring 的 BeanPostProcessor接口实现
- SAN存储交换机配置
- Linux系统下的文件和文件夹相关操作(创建/删除/修改权限)
- SpringBoot非官方教程 | 第二十五篇:2小时学会springboot
- matlab powergui在哪儿,powergui模块在哪
- WIN10输入法改为WIN7习惯,默认输入英文,程序员专用
- 为什么要开发问卷调查APP?
热门文章
- oracle提供的有用函数(待续)
- 修改 mybatis-generator 中数据库类型和 Java 类型的映射关系
- 浮小麦升浮之气的本质
- softmax with cross-entropy loss求导(转载+细节整理)
- 主体ubuntu16.04,宿体virtualbox下的windows7的共享文件夹设置
- Python中Function(函数)和method(方法)
- 关闭sublime更新提示
- 快速傅里叶变换之后的结果含义
- opencv 叠加文字_Hello world.
- Linux 运行进程实时监控pidstat命令详解