v-if与v-show

2023-06-25

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

v-if与v-show的相关教程结束。

《v-if与v-show.doc》

下载本文的Word格式文档,以方便收藏与打印。