Vue v-if和v-show的区别
Posted wuyuan2011woaini
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue v-if和v-show的区别相关的知识,希望对你有一定的参考价值。
原文链接地址: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的区别的主要内容,如果未能解决你的问题,请参考以下文章