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的区别的主要内容,如果未能解决你的问题,请参考以下文章

vue中v-if和v-show有什么区别?

简述vue中v-if和v-show的区别

vue中v-if与v-show的区别以及使用场景

前端面试 vue 部分 ——v-show和v-if的区别

vue.js之v-show和v-if的区别

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