v-if和v-show有什么不同

今天就跟大家聊聊有关v-if和v-show有什么不同,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

创新互联公司专注于郊区网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供郊区营销型网站建设,郊区网站制作、郊区网页设计、郊区网站官网定制、微信小程序开发服务,打造郊区网络公司原创品牌,更为您提供郊区网站排名全网营销落地服务。

代码:




  
  Title


  
    v-if
    v-show
    点击按钮   

没点击前的图

点击后的图

v-if和v-show有什么不同

显示来看v-if 是“真正的”条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建;而v-show 不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。

一般来说, v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件不太可能改变,则使用 v-if 较好。

看完上述内容,你们对v-if和v-show有什么不同有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


分享标题:v-if和v-show有什么不同
网页URL:http://bzwzjz.com/article/igjcic.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都企业网站建设 app网站建设 成都网站设计 定制网站建设多少钱 网站建设方案 成都网站设计公司 定制网站设计 成都商城网站建设 成都响应式网站建设 温江网站设计 成都网站制作 高端品牌网站建设 企业网站设计 成都网站建设 企业网站设计 营销型网站建设 外贸网站建设 定制级高端网站建设 网站建设推广 泸州网站建设 网站制作公司 成都h5网站建设