⾯试官您好
,
接下来我给您介绍⼀下
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
的理解
.