本文对比了Vue.js中v-show和v-if的使用方法，指出v-show主要进行简单的CSS样式切换，而v-if涉及完整的DOM添加或删除，包括组件生命周期的触发。同时讨论了两者在性能上的差异：v-if切换消耗更高，而v-show在初始渲染时消耗较大。
控制手段：
v-show：是为改元素添加css-display:none,但是dom元素还在
v-if : 是将dom元素整个添加或删除
编译过程：
v-show: 只是用于简单的css样式的切换
v-if :切换有一个局部编译/卸载的过程，切换的过程中合适地销毁和重建内部的事件监听和子组件；
v-if由false变为true时，会触发组件beforeCreate、create、beforeMount、mounted钩子，由true变为false的时候促发组件的beforeDestory、destoryed方法。
**性能消耗：v-if有更高的切换消耗；v-show有更高的初始渲染消耗；
扫一扫
评论 1
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
