Fe-interview: [vue] v-show和v-if有什么区别?使用场景分别是什么?

Created on 11 Jun 2019  ·  8Comments  ·  Source: haizlin/fe-interview

[vue] v-show和v-if有什么区别?使用场景分别是什么?

vue

All 8 comments

终于有一题是我会的了
v-show 相当于css的display,一般用在比较简单的业务里,不会默认执行
v-if是判断,会默认加载执行

v-show在频繁切换的时候使用

区别:v-if 不渲染 DOM,v-show 会渲染 DOM

v-show 使用场景:

  1. 预渲染需求
  2. 需要频繁切换显示状态

v-show 是css的display显示和隐藏
v-if 是DOM 销毁和重建

v-show 使用场景:
1.频繁的切换显示状态
2.预渲染需求

为什么我点的是mvvm mvc mvp模式的理解进到这个页面

mvc和v-if这俩题目的链接放反了。

v-if 有dom操作,适合一锤子买卖,
v-show 有样式更改,适合反复使用

v-if下面还可以写v-else-if和v-else,而v-show不行
v-if只有条件为真才创建DOM元素,而v-show条件满不满足都会创建DOM元素,只不过那个元素会添加display:none的样式
如果需要频繁的切换则使用v-show,否则用v-if

Was this page helpful?
0 / 5 - 0 ratings