v-if与v-show

v-if的特点

v-if:是真实的条件控制语句,每当我们满足条件的时候就会显示元素,不满足条件的时候不显示元素(不存在元素没有)

v-if:有一套自己的条件控制语句v-if; v-else-if; v-else

v-if: 可以搭配Template标签使用

v-show的特点

v-show:也可以控制元素的显示和隐藏,满足条件的时候显示元素,不满足的时候隐藏(元素是存在的只是通过display:none;来隐藏了)

推荐

1.如果我们频繁的切换标签的时候推荐使用v-show,减少DOM的渲染时间,提高用户的体验 (以空间换时间)

2.如果我们少次的切换标签的时候推荐使用v-if,减少内存的占用(以时间换空间)

posted @ 2022-11-05 11:17  LT先生  阅读(24)  评论(0编辑  收藏  举报