码迷,mamicode.com
首页 > 其他好文 > 详细

Vue学习之v-if与v-show的区别

时间:2018-09-10 14:45:43      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:组件   初始   学习   开始   功能   元素   css   适合   相对   

v-if和v-show具有类似的功能,不过v-if才是真正的条件渲染,他会根据表达式适当的销毁或重建元素及绑定事件或子组件。若表达式初始值为false,则一开始元素或组件不会渲染,只有当第一次为真时,才开始编译。

而v-show只是简单的css属性切换,无论条件真与否,都会被编译。

使用场景:v-if更适合条件不经常改变的场景,因为它切换开销相对较大,v-show适用于频繁切换条件。

Vue学习之v-if与v-show的区别

标签:组件   初始   学习   开始   功能   元素   css   适合   相对   

原文地址:https://www.cnblogs.com/dgqboke/p/9619246.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!