v-if 和 v-show 区别

作用: 都是控制元素隐藏和显示的指令
 
区别: v-show: 控制的元素无论是 true 还是 false,都被渲染出来了,通过 display:none 控制元素隐藏 。v-if: 控制的元素是 true,进行渲染,如果是 false 不渲染,根本在 DOM 树结构中会被移除
 
应用: v-show: 适合使用在切换频繁显示/隐藏的元素上 。v-if: 适合使用在切换不频繁,且元素内容很多,渲染一次性能消耗很大的元素上
posted @ 2022-09-06 10:16  CodeFan*  阅读(106)  评论(0编辑  收藏  举报