Vue 条件渲染

34 阅读1分钟

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