Superqjq's blog Superqjq's blog
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
时间轴
个人简历

superqjq

追梦少年
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
时间轴
个人简历
  • 基础

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

  • 过渡&动画

  • 可复用性&组合

  • 工具

  • 规模化

  • 其他

  • 《Vue》笔记
  • 基础
superqjq
2020-02-04

# v-if vs v-show

API

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

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

编辑
上次更新: 2020/05/13, 17:05:00
提高学习效率的策略

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

最近更新
01
「css技巧」使用hover和attr()定制悬浮提示
04-18
02
比typeof运算符更准确的类型判断
04-13
03
npm packageJson属性详解
04-08
更多文章>
Copyright © 2019-2020 superqjq
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式