Vue.js 中 v-if 和 v-show 有什么区别?
来源:互联网 发布:网络写手已成高危职业 编辑:程序博客网 时间:2024/05/29 18:17
转自:http://blog.csdn.net/liuzhuan_1986/article/details/52259802
简单来说,v-if
的初始化较快,但切换代价高;v-show
初始化慢,但切换成本低。具体解释如下:
v-show
渲染页面结构后,通过 "display:none"
控制元素状态。所以初始化时间较长。
v-if
是懒计算,如果条件为false,它什么也不做,加载速度较快。当条件为真时,v-if
才会真正编译渲染页面结构。因此,v-if
切换复杂组件的花销要比 v-show
大得多。
所以要根据实际场景决定使用哪个指令。
v-if 条件判断,不满足条件的话则不会出现在dom中
v-show 是否显示,不管满不满足条件均会在dom中,若不满足条件,则会设置成隐藏 display:none
阅读全文
0 0
- Vue.js 中 v-if 和 v-show 有什么区别?
- Vue.js 中 v-if 和 v-show 有什么区别?
- Vue.js 中 v-if 和 v-show 有什么区别?
- Vue.js 中 v-if 和 v-show 有什么区别?(转)
- Vue.js 中 v-if 和 v-show 的区别
- Vue.js 中 v-if 和 v-show 的区别
- vue 中 v-if 和 v-show 的区别
- vue中v-if和v-show的区别
- vue中v-if和v-show区别
- 对于v-if 和 v-show的选择 --Vue.js
- vue中 v-if 和v-show的问题
- Vue 中的 v-if 和 v-show
- Vue.js中v-show和v-if使用时的注意事项
- Vue v-if v-show
- v-if 和 v-show的区别
- v-if和v-show区别
- vue.js之v-show 与 v-if
- vue.js中的条件渲染(v-if/v-else/v-else-if/v-show)
- 海量处理用户日志(一)
- Comparing Hadoop, Spark, and Storm
- 软件设计目标—健壮性
- Oracle12C--索引表(三十二)
- Selenium错误提示
- Vue.js 中 v-if 和 v-show 有什么区别?
- boost库之tcp实例(同步方式)
- 有关线程中断和线程阻塞
- C# Linq
- SQL Server 批量转换指定字段类型为另一种类型
- JQuery 学习笔记-2017.05.22
- Win7、win8、win10下实现精准截获Explorer拷贝行为
- 校园二手物品交易系统
- 杭电1042