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-if和v-show属于Vue的内部常用的指令，指令的职责是当表达式的值改变时把某些特殊的行为应用到DOM上。

描述

v-if

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

show