v-if v-show区别(面试题)
v-if、v-show顾名思义就是用来判断视图层展示效果的,在Vue中文社区说明文档的介绍有:
相同点:
v-if与v-show都可以动态控制dom元素显示隐藏
不同点:
1.v-if :可以根据表达式的值在DOM中生成或移除一个元素。
v-show:可以根据表达式的值来显示或者隐藏HTML元素。当v-show赋值为false时,元素被隐藏,此时查看代码时,该元素上会多一个内联样式style=“display:none”。
2.v-if:支持<template>语法;
v-show:不支持<template>语法
总结:
(1) v-if和v-show用于视图层进行条件判断视图展示
(2) v-if的原理是根据判断条件来动态的进行增删DOM元素,v-show是根据判断条件来动态的进行显示和隐藏元素,频繁的进行增删DOM操作会影响页面加载速度和性能,由此我们可以得出结论:
当您的项目程序不是很大的时候,v-if和v-show都可以用来进行判断展示和隐藏(这种场景使用v-if只是影响不大,并不是没有影响);
当您的项目程序比较大的时候,不推荐使用v-if来进行判断展示和隐藏,推荐使用v-show;
(3) 只有v-if能和v-else连用进行分支判断,v-show是不能和v-else连用的,如果出现多种条件场景的情况下,可以使用v-if来进行判断
v-if v-show区别(面试题)相关推荐
- node-sass -v 不是内部_奔驰v260领航版的缺点奔驰v级和威霆区别
奔驰v260领航版的缺点奔驰v级和威霆区别@奔驰V260整个车型的设计秉承奔驰系列车型的品质,经典.沉稳家族式前脸,时刻保持着前进姿态,配备的自感应式大灯组,中间的镀铬格栅,镶嵌的配目奔驰标志,极具视 ...
- golang:%v,%+v,%#v区别
%v 按默认格式输出, %+v 在%v的基础上额外输出字段名, %#v 在%+v的基础上额外输出类型名. package mainimport "fmt"type T struct ...
- golang:%v,%+v,%#v的区别
%v 按默认格式输出 %+v 在%v的基础上额外输出字段名 %#v 在%+v的基础上额外输出类型名 示例代码: package mainimport "fmt"type T str ...
- Oracle v$nls_parameters 和 nls_database_parameters 区别
一. 先看官网的说明 1.1 V$NLS_PARAMETERS V$NLS_PARAMETERS contains current values of NLS parameters. Column ...
- V星入侵(V 2009)第一季全集下载
灰太狼的评论:科幻类型的美剧还真是不少啊,从迷失(Lost)到未来闪影(FlashForward),现在又一个V星入侵(V 2009),人都是充满好奇的动物.同时上映的V星入侵(V 2009)和未来闪 ...
- $arr[]=$v 把 $v 这个东西 放到 $arr[] 这个数组中
php里面的递归函数,$arr[]=$v;是什么意思 $arr[]=$v 把 $v 这个东西 放到 $arr[] 这个数组中 转载于:https://www.cnblogs.com/ ...
- v$session v$session_wait
(1)v$session v$session视图记录了当前连接到数据库的session信息 Column Description SADDR session address SID Session i ...
- Oracle v$session/v$sql 表
在本视图中,每一个连接到数据库实例中的 session都拥有一条记录.包括用户 session及后台进程如 DBWR, LGWR, arcchiver等等. V$SESSION中的常用列 V$SESS ...
- 通过v$sqlarea,v$sql查询最占用资源的查询
http://blog.sina.com.cn/s/blog_6ceed3280100x0q5.html 通过v$sqlarea,v$sql查询最占用资源的查询 (2011-09-01 22:22:0 ...
- How to find block sql from dba_waiters v$session v$sql
查询被锁的会话 通常我们会遇到有session被其他session block的状态,DBA需要找出这些block与被block的session及其sql,并删除导致blocking的session. ...
最新文章
- java- 和 || 优先级的问题
- 初识Mysql(part14)--我需要知道的6个关于创建表的小知识
- 蒙古族女孩鲍尔金娜的小说《紫茗红菱》
- python删除列表中字符串_python - 删除字符串中的字符列表
- 二叉树的基本操作及应用(三)
- Powerful Sleep(神奇的睡眠-睡眠生物钟的秘密:如何睡得更少却睡得更好)阅读笔记...
- LeetCode 编辑距离 II(DP)
- java 守护进程 linux_Java实现Linux下服务器程序的双守护进程
- eigrp配置实验_来,太阁带你做实验
- tensorflow:图(Graph)的核心数据结构与通用函数(Utility function)
- 数据中心运维管理方案
- ubuntu端口转发工具 Rinetd
- 批量删除多个 PPT 空白页
- 国内主流短信验证码平台收费价格对比「二」:亿佰云、秒嘀科技、极光短信、华信云通信
- HDFS分布式文件系统架构
- PHP GD库文字生成图片及图片拼接
- JVM虚拟机——初识
- 9月24日(周六)上海PMP备考说明会
- Android 实现系统打印机打印图片,文本,以及二维码生成与解析
- IP-Guard应用攻略-软件中心协助IT人员管理终端软件