前后端知识库 前后端知识库
首页
    • JavaScript
    • React
    • Vue
  • Python
  • Sanic
  • Linux
  • Ansible
归档
GitHub (opens new window)
首页
    • JavaScript
    • React
    • Vue
  • Python
  • Sanic
  • Linux
  • Ansible
归档
GitHub (opens new window)
  • JavaScript

  • React

  • Vue

    • 基础

      • MVVM模式
      • 生命周期
      • 计算属性 vs 方法 vs 侦听属性
      • v-if vs v-show
      • 列表渲染之数组、对象更新检测
    • 组件

    • 过渡&动画

    • 可复用性&组合

    • 工具

    • 规模化

    • 其他

  • frontend
  • Vue
  • 基础
devin
2023-09-07

v-if vs v-show

# v-if vs v-show

API (opens new window)

v-if 根据渲染条件决定是否把元素渲染到 DOM 页面,而v-show不管渲染条件是什么,都会把元素渲染到 DOM 页面,只是简单的切换 CSS 的显示隐藏。

如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。

编辑 (opens new window)
上次更新: 2023/09/07, 15:09:00
计算属性 vs 方法 vs 侦听属性
列表渲染之数组、对象更新检测

← 计算属性 vs 方法 vs 侦听属性 列表渲染之数组、对象更新检测→

Theme by Vdoing | Copyright © 2023-2023 devin | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式