资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

vuejs中v-show和v-if的区别有哪些

这篇文章主要介绍了vuejs中v-show和v-if的区别有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联云计算的互联网服务提供商,拥有超过13年的服务器租用、BGP机房服务器托管、云服务器、网站空间、网站系统开发经验,已先后获得国家工业和信息化部颁发的互联网数据中心业务许可证。专业提供云主机、网站空间申请域名、VPS主机、云服务器、香港云服务器、免备案服务器等。

区别:1、“v-if”是动态的向DOM树内添加或者删除DOM元素,“v-show”是通过设置DOM元素的display样式属性控制显隐;2、编译过程不同;3、编译条件不同;4、“v-if”的切换消耗高,“v-show”的初始渲染消耗高等等。

本教程操作环境:windows7系统、vue2.9.6版,DELL G3电脑。

v-if与v-show的区别

v-if指令与v-show指令都可以根据值动态控制DOM元素显示隐藏,v-ifv-show属于Vue的内部常用的指令,指令的职责是当表达式的值改变时把某些特殊的行为应用到DOM上。

描述

v-if

v-if指令用于条件性地渲染一块内容,这块内容只会在指令的表达式返回truthy值的时候被渲染。

show
hide

v-show

v-show指令用法大致一样,不同的是带有v-show指令的元素始终会被渲染并保留在DOM中,v-show只是简单地切换元素的CSS property display

show

区别

感谢你能够认真阅读完这篇文章,希望小编分享的“vuejs中v-show和v-if的区别有哪些”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


网站标题:vuejs中v-show和v-if的区别有哪些
标题网址:http://cdkjz.cn/article/iggcpi.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220