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区别(面试题)相关推荐

  1. node-sass -v 不是内部_奔驰v260领航版的缺点奔驰v级和威霆区别

    奔驰v260领航版的缺点奔驰v级和威霆区别@奔驰V260整个车型的设计秉承奔驰系列车型的品质,经典.沉稳家族式前脸,时刻保持着前进姿态,配备的自感应式大灯组,中间的镀铬格栅,镶嵌的配目奔驰标志,极具视 ...

  2. golang:%v,%+v,%#v区别

    %v 按默认格式输出, %+v 在%v的基础上额外输出字段名, %#v 在%+v的基础上额外输出类型名. package mainimport "fmt"type T struct ...

  3. golang:%v,%+v,%#v的区别

    %v 按默认格式输出 %+v 在%v的基础上额外输出字段名 %#v 在%+v的基础上额外输出类型名 示例代码: package mainimport "fmt"type T str ...

  4. Oracle v$nls_parameters 和 nls_database_parameters 区别

    一.  先看官网的说明 1.1 V$NLS_PARAMETERS V$NLS_PARAMETERS contains current values of NLS parameters. Column ...

  5. V星入侵(V 2009)第一季全集下载

    灰太狼的评论:科幻类型的美剧还真是不少啊,从迷失(Lost)到未来闪影(FlashForward),现在又一个V星入侵(V 2009),人都是充满好奇的动物.同时上映的V星入侵(V 2009)和未来闪 ...

  6. $arr[]=$v 把 $v 这个东西 放到 $arr[] 这个数组中

    php里面的递归函数,$arr[]=$v;是什么意思 $arr[]=$v   把  $v  这个东西    放到  $arr[]  这个数组中 转载于:https://www.cnblogs.com/ ...

  7. v$session v$session_wait

    (1)v$session v$session视图记录了当前连接到数据库的session信息 Column Description SADDR session address SID Session i ...

  8. Oracle v$session/v$sql 表

    在本视图中,每一个连接到数据库实例中的 session都拥有一条记录.包括用户 session及后台进程如 DBWR, LGWR, arcchiver等等. V$SESSION中的常用列 V$SESS ...

  9. 通过v$sqlarea,v$sql查询最占用资源的查询

    http://blog.sina.com.cn/s/blog_6ceed3280100x0q5.html 通过v$sqlarea,v$sql查询最占用资源的查询 (2011-09-01 22:22:0 ...

  10. How to find block sql from dba_waiters v$session v$sql

    查询被锁的会话 通常我们会遇到有session被其他session block的状态,DBA需要找出这些block与被block的session及其sql,并删除导致blocking的session. ...

最新文章

  1. java- 和 || 优先级的问题
  2. 初识Mysql(part14)--我需要知道的6个关于创建表的小知识
  3. 蒙古族女孩鲍尔金娜的小说《紫茗红菱》
  4. python删除列表中字符串_python - 删除字符串中的字符列表
  5. 二叉树的基本操作及应用(三)
  6. Powerful Sleep(神奇的睡眠-睡眠生物钟的秘密:如何睡得更少却睡得更好)阅读笔记...
  7. LeetCode 编辑距离 II(DP)
  8. java 守护进程 linux_Java实现Linux下服务器程序的双守护进程
  9. eigrp配置实验_来,太阁带你做实验
  10. tensorflow:图(Graph)的核心数据结构与通用函数(Utility function)
  11. 数据中心运维管理方案
  12. ubuntu端口转发工具 Rinetd
  13. 批量删除多个 PPT 空白页
  14. 国内主流短信验证码平台收费价格对比「二」:亿佰云、秒嘀科技、极光短信、华信云通信
  15. HDFS分布式文件系统架构
  16. PHP GD库文字生成图片及图片拼接
  17. JVM虚拟机——初识
  18. 9月24日(周六)上海PMP备考说明会
  19. Android 实现系统打印机打印图片,文本,以及二维码生成与解析
  20. IP-Guard应用攻略-软件中心协助IT人员管理终端软件

热门文章

  1. 百度2015校园招聘软件开发笔试题及答案
  2. java5新特性静态引用、foreach、自动装箱和泛型枚举以及可变参数的总结
  3. java中枚举类型详解
  4. 树结构练习——判断给定森林中有多少棵树
  5. ubuntu之间传文件
  6. 软件分析与设计:分析什么?如何设计?
  7. 阿里发布2020农产品电商报告数字农业将成风口
  8. 加入阿里技术团队三年,哪些习惯让我在工作上持续受益?
  9. 互联网、电商及游戏行业实时BI分析方案
  10. EMR Spark Runtime Filter性能优化