专栏首页acoolgiser_zhuanlanvue.js 中 v-if与v-show的区别和选择

vue.js 中 v-if与v-show的区别和选择

如何选择v-if与v-show :

     v-show 的用法与v-if基本一致,只不过是改变元素的CSS属性display。当v-show表达式的值为false时候,元素会隐藏,查看DOM结构会看到元素上加载了内联样式display:none;

      v-if 和 v-show 具有类似的功能,不过v-if 才是真正的条件渲染,它会根据表达式适当地销毁或重建元素及绑定的事件或子组件。若表达式初始值为false,则一开始元素/组件并不会渲染,只有当条件第一次变为真时才开始编译。

      而 v-show 只是简单地CSS属性切换,无论条件真与否,都会被编译。相比之下,v-if 更适合条件不经常改变的场景,因为它切换开销相对较大,而v-show适用于频繁切换条件。

比如看博客:https://blog.csdn.net/u010513756/article/details/80333502

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Qt之JSON生成与解析

    原文链接:https://yq.aliyun.com/articles/119861

    acoolgiser
  • import qs from 'qs' qs库的使用 parse stringify的区别

    参考:https://www.cnblogs.com/mengfangui/p/9081753.html

    acoolgiser
  • JavaScript 在vue页面下实现鼠标拖拽div改变其大小,适用于鹰眼地图,街景地图等。

    首先看效果,如图,鼠标悬浮在地图的右上角小框中时,提示“拖动调整大小”,可以给小框加个好看的图标。点击可以进行拖拽。

    acoolgiser
  • Vue.js入门教程-指令

    (1)v- 是Vue的前缀,text 是指令ID,msg 是 expression(表达式)。

    WEBING
  • 竞品分析实操-全文不掺杂任何“鸡汤”

    一、竞品分析和功能分析是不同的,竞品分析主要掌握一个产品的节奏和玩法,进而为自己的产品迭代和方向指导,简单点说就是做同一类产品别人是怎么一步一步走向成功的(当然...

    靠谱先生
  • 【趣解编程】循环

    一斤代码
  • 互联网+时代,云端部署如何才能不将就?

    港湾人儿
  • Lint Tool Analysis (2)

    本系列的几篇源码分析文档意义不大,如果你正好也在研究lint源码,或者你想知道前面自定义lint规则中提出的那几个问题,抑或你只是想大致了解下lint的源码都有...

    宅男潇涧
  • ATM产融新零售:产融结合可直接促进经济转型发展

    产融结合,即产业资本和金融资本的结合,指两者以股权关系为纽带,通过参股、控股和人事参与等方式而进行的结合。从两种资本(产业资本、金融资本)的载体来看,产业资本一...

    区块链优质项目分析
  • 专家建议向机器人灌输人类价值观,以防背叛

    据国外媒体报道,随着人工智能的发展,越来越多的科学家开始担忧人工智能会给人类带来各种难以预计的影响,甚至可能是灾难。在近日开幕的“TED2017”大会上,计算机...

    机器人网

扫码关注云+社区

领取腾讯云代金券