两者不同点:
1、手段不同
v-if是通过控制dom节点的存在与否来控制元素的显示与隐藏
v-show是通过设置dom元素的display样式来控制元素的显示与隐藏
2、编译过程不同
v-if铁环只有一个局部编译/卸载的过程,切换过程中合适的销毁和重建内部的事件监听和子组件;v-show只是简单的css切换
3、编译条件不同
v-if是惰性的,假设初始条件为假,则什么也不做;只有在条件第一次为真时才开始局部编译;v-show是在任何条件下都被编译,然后被缓存,而且dom元素保留
4、性能消耗
v-if有更高的切换消耗;v-show有更高的初始渲染消耗
总结:v-if适用于切换频率较低的场景
v-if与v-show
最新推荐文章于 2024-05-17 14:32:46 发布