面试被问到v-if与v-show的区别应该怎么回答

⾯试官您好 , 接下来我给您介绍⼀下 v-if 和 v-show 的区别 ?

⾸先 v-if 和 v-show 都是控制元素的显示与隐藏 , 不过 v-if 控制元素的显示和隐藏的时候会删除对⽤的dom 元素 , 当每⼀个显示的时候 , 都会重新创建 dom 和渲染 . ⽽ v-show 则是通过 css 的 display:none

和 display:block 来控制元素的显示与隐藏 . v-if ⽐较耗费性能 , 所以我们涉及到频繁的显示隐藏操作我们建议使⽤ v-show, 如果不是频繁操作的话, 我们也可以使用 v-if

在写项目的过程中我会经常使⽤ v-if 和 v-show, ⽐如我们在搜索功能的时候 , 他有⼀个历史记录 , 这个时候我们根据是否有搜索的结果来判断历史记录的显示与隐藏, 这块我就可以使⽤ v-if , 当然也可以使用 v-show 以上就是我对 v-if 和 v-show 的理解 .