1、v-if、v-else-if、v-else
适用于:切换频率较低的场景
特点:不展示 DOM 元素,直接被移除
注意:v-if 和 v-else-if 、v-else 一起使用,但要求结构不能被打断
2、v-show
适用于:切换频率较高的场景
特点:不展示的 DOM 元素未被移除,仅仅用样式隐藏掉
3、备注:
使用 v-if 时,元素可能无法获取到;而使用 v-show 一定能获取到
1、v-if、v-else-if、v-else
适用于:切换频率较低的场景
特点:不展示 DOM 元素,直接被移除
注意:v-if 和 v-else-if 、v-else 一起使用,但要求结构不能被打断
2、v-show
适用于:切换频率较高的场景
特点:不展示的 DOM 元素未被移除,仅仅用样式隐藏掉
3、备注:
使用 v-if 时,元素可能无法获取到;而使用 v-show 一定能获取到