v-if 与 v-show 的区别

目录

前言

一、v-if

二、v-show

总结

---

前言

有很多人分不清楚 v-if 和 v-show 这两个到底在什么时候用那一个更合适，以下内容可以让你理解他们各自的作用和用处，希望可以帮助到你。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、v-if

v-if 在初始渲染的时候根据所给定的值，进行渲染，true进行渲染，false不会将其渲染。在切换的过程中他会监听我们的值来对元素进行一个销毁重建的过程，这样一来就会影响我们代码运行的效率，所以在进行频繁切换元素的时候不建议使用v-if

1.值为true

 2.值为false

 

 

 

二、v-show

相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换，这样一来就会提升我们代码运行的效率，所以在进行频繁切换元素的时候建议使用v-show。

1.值为true

 

 

 2.值为false

---

 

 

 

总结

以上就是今天要讲的内容，主要演示了v-if 与 v-show 个字的案例与应用。