v-if v-show

121 阅读1分钟

二者非常相似,都是让元素在页面能否看到 image.png

通过app.show=false,查看控制台发现,v-if不存在DOM中,而v-showdom元素还在,只是样式增加display:none

image.png

  • v-if: 创建/删除DOM元素
  • v-show:增加样式

开发中如何选择?

  • 当需要显示和隐藏很频繁,,使用v-show
  • 当只有一次切换,用v-if
  • 一般v-if多,因为我们显示的内容来自于服务器数据