Vue记录：v-if 和 v-show对于template很尴尬

梁栋沉

于 2021-12-22 14:47:27 发布

阅读量704

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/geidongdong/article/details/122085678

版权

这几点用到了v-if 和 v-show ，它们都能实现元素的显示隐藏，然而在项目中发现了另一件很”枸“的事：
v-if 可以搭配 template 使用，而 v-show 不行。

另外总结他们俩其他区别，以下内容来自其它博客的转载（转载的哪个我没找到!）：

1. v-show 只是简单的控制元素的 display 属性，而 v-if 才是条件渲染（条件为真，元素将会被渲染，条件为假，元素会被销毁）；

2.  v-show 有更高的首次渲染开销，而 v-if 的首次渲染开销要小的多；

3. v-if 有更高的切换开销，v-show 切换开销小；

4. v-if 有配套的 v-else-if 和 v-else，而 v-show 没有