简单来说，v-if的初始化较快，但切换代价高；v-show初始化慢，但切换成本低。
v-show渲染页面结构后，通过"display:none"控制元素状态。所以初始化时间较长。
v-if是懒计算，如果条件为false，它什么也不做，加载速度较快。当条件为真时，v-if才会真正编译渲染页面结构。因此，v-if切换复杂组件的花销要比v-show大得多。
所以要根据实际场景决定使用哪个指令。
v-if(v-else)和v-show(v-hide)的使用选择
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
相关阅读更多精彩内容
- (一) vue的生命周期 https://segmentfault.com/a/1190000008010666 ...
- 1: v-if条件 要求的效果是点击按钮切换是否渲染 这里不是display: none或者block的切换, 这...
- 作用： 判断是否加载固定的内容，如果为真，就加载，否则不加载 用处: 用在权限管理，页面加载 语法: v-if="...
