Vue 条件渲染:
1. V-if
写法: v-if = ‘表达式’. V-else-if=‘表达式’ v-else=‘表达式’
适用于切换频率较低的场景。
特点:不展示的dom 元素直接被移除。
注意:v-if 可以和 v-else-if 、 v-else 一起使用,但要求结构不能被‘打断’。
2. V-show
写法:v-show=‘表达式’
适用于切换频率较高的场景。
特点: 不展示的dom 元素未被移除,仅仅是使用样式隐藏掉。
3. 注:使用v-if时,元素可能无法获取到,而使用v-show时一定可以获取到。
小窍门:折叠代码: #region / #endregion