控制手段:
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有更高的初始渲染消耗;
v-show 和 v-if的区别
最新推荐文章于 2024-07-21 10:17:51 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)