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

Vue v-if和v-show的区别

时间:2020-01-03 14:07:31      阅读:67      评论:0      收藏:0      [点我收藏+]

标签:nal   vuejs   uid   地址   元素   ref   blank   创建   不为   

原文链接地址:https://www.jianshu.com/p/281d2f91e800

v-if和v-show看起来似乎差不多,当条件不成立时,其所对应的标签元素都不可见,但是这两个选项是有区别的:
1.v-if在条件切换时,会对标签进行适当的创建和销毁,而v-show则仅在初始化时加载一次,因此v-if的开销相对来说会比v-show大。
2.v-if是惰性的,只有当条件为真时才会真正渲染标签;如果初始条件不为真,则v-if不会去渲染标签。v-show则无论初始条件是否成立,都会渲染标签,它仅仅做的只是简单的CSS切换。

Vue v-if和v-show的区别

标签:nal   vuejs   uid   地址   元素   ref   blank   创建   不为   

原文地址:https://www.cnblogs.com/wuyuan2011woaini/p/12144378.html

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