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

Posted my12-28

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中v-if和v-show有什么区别?相关的知识,希望对你有一定的参考价值。

两个都是让元素不可见。但是两个选项有区别

  1. v-if 在条件切换时,会对标签进行适当的创建和销毁,而v-show则仅在初始化时加载一次,因此v-if的开销比v-show大
  2. v-show控制的时元素的display属性,无论初始条件是否成立,都会渲染标签。而v-if是惰性的,只有在条件成立时才渲染为真实的标签,条件为假,不会去渲染标签

项目中如何使用?

  • 当初始条件为假时,v-show初始渲染开销较高
  • 当我们频繁切换开关是,v-if切换开销较高
  • 多路分支,只能选择v-if

以上是关于vue中v-if和v-show有什么区别?的主要内容,如果未能解决你的问题,请参考以下文章

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

Vue v-if和v-show的区别

vue中v-show与v-if的区别

vue中v-show与v-if的区别

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

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