V-if   :

1. 是条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当的被销毁和重建。

2. 是惰性的,如果初始渲染条件为假,则什么都不做,直到条件第一次变为真的时候,开开始渲染条件快。

V-show:

无论初始条件是什么,元素都会被渲染,并且只是进行简单的基于CSS进行切换。

比较:

v-if有更高的开销的时候。而v-show有更高的初始渲染开销。

如果需要非常频繁的切换,则用v-show比较好。

如果运行时条件很少改变,则用v-if比较好。

备注:

当 v-if 与 v-for 一起使用时,v-for 具有比 v-if 更高的优先级。

最新文章

  1. Xcode8更新约束
  2. JS产生随机数的几个用法!
  3. Spark 累加器
  4. ASP.NET 4.5.256 has not been registered on the Web server. You need to manually configure your Web server for ASP.NET 4.5.256 in order for your site to run correctly
  5. Java提高篇——equals()方法和“==”运算符
  6. Linux大文件传输(转)
  7. (转载)遍历memcache中已缓存的key
  8. uploadifive源码学习
  9. C++ 头文件系列(iosfwd)
  10. vue中数据双向绑定的实现原理
  11. [工作记录] NDK: AKEYCODE_DEL not notified
  12. 【LOJ】#2277. 「HAOI2017」方案数
  13. [转载]ubuntu防火墙设置
  14. mysql++ result
  15. 流程设计器jQuery + svg/vml(Demo7 - 设计器与引擎及表单一起应用例子)
  16. Android——对话框2(日期和时间对话框)
  17. [转]ADT中通过DDMS导入文件出错ddms transfer error: Read-only file system,Failed to push selection: Read-only file system
  18. [Vue]实例化Vue时的两种挂载方式el与$mount
  19. “全栈2019”Java第三十九章:构造函数、构造方法、构造器
  20. JavaScript的六种数据类型

热门文章

  1. 9ci
  2. seo相关知识
  3. JS中一些常用的兼容写法
  4. JVM CUP占用率过高排除方法,windows环境
  5. C# 索引和长度必须引用该字符串内的位置 LENGTH
  6. web网页错误代码的含义
  7. CDN原理介绍(转)
  8. 关于org.apache.jasper.JasperException解决方法
  9. JSON与JS对象的区别
  10. Educational Codeforces Round 63 (Rated for Div. 2) D. Beautiful Array (简单DP)