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,减少内存的占用(以时间换空间)