                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /3小时速成 Vue2.x 核心技术

v-if 和 v-show 如何选择

请问老师, v-if 和 v-show 都可以控制显示隐藏, 那么这两个该如何选择呢?

y_12

2019-07-12

源自：3小时速成 Vue2.x 核心技术 5-2

关注问题我要回答

1183

操作

收起

2 回答

Brian 回答被采纳 +2 积分
2019-07-13

v-show 相当于css中的display: none，消耗浏览器的渲染性能

v-if 使用的vue的虚拟DOM在控制页面的HTML，可以使用<keep-alive>如果有很多列表频繁的切换的话。

感谢@Monstarme同学的热心回答。

0 回复有任何疑惑可以回复我~

收起回答

y_12 提问者

清楚明白，谢谢老师，期待老师的新课程~！

2019-07-16 回复有任何疑惑可以回复我~

Brian 回复 y_12 提问者

感谢同学的支持，在八月中旬会推出新的课程，谢谢关注。

2019-07-16 回复有任何疑惑可以回复我~

Monstarme
2019-07-12

举例其中一个场景吧，频繁切换显示隐藏的话，使用v-show更佳，否则使用v-if

1 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

3小时速成 Vue2.x 核心技术

参与学习 82578 人
解答问题 489 个

带你快速学习最流行的前端框架vue2.x的核心技术

进入课程

本课相似问答

1 回答v-if-else中的 ‘<’ 失效，判断不了

1 回答创建新项目时，这个选项如何选择？

1 回答v-for循环时为何PageLIsts不加括号呢？

1 回答v-model 绑定值编译失败

2 回答Error in v-on handler: "ReferenceError: addItem is not defined"

搜索更多本课相关问答

v-if 和 v-show 如何选择

我要回答关注问题

热搜

最近搜索清空

v-if 和 v-show 如何选择

2 回答

本课相似问答

v-if 和 v-show 如何选择