Skip to content

条件渲染

  1. v-if v-else-if v-else
    1. v-if 条件判断满足指定条件 标签会被渲染出来 不满足条件就会被移出掉
    2. v-else-if 上面条件不满足执行
    3. v-else 以上条件都不满足执行
  2. template 标签
    html
       <template>
          元素当做不可见的包裹元素,并在上面使用 v-if。最终的渲染结果将不包含
          template元素。
       </template>
  3. v-show 展示和隐藏标签的
  4. v-show 和 v-if 的区别
    1. v-show 展示和隐藏依赖于 display
    2. v-if 展示隐藏依赖于将标签删除或添加 (耗费性能)
  5. 使用
    1. 标签频繁展示或隐藏 使用 v-show
    2. 非频繁展示或隐藏 使用 v-if

Released under the MIT License.