v-if和v-show都是条件渲染,但不同的是v-if
是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if也是惰性的,即在初始条件为假时,并不会渲染DOM结构,只有在条件变为真时才会第一次渲染DOM。当条件变为假时,DOM又会被销毁,因此v-if有更高的切换开销。
而v-show
则简单得多,不管条件是否为真,DOM均会渲染,只是进行简单的CSS切换,可以理解为JS动态的改变DOM的display。正因为v-show的这种特性,v-show有更高的初始化开销,但如果在切换频繁的条件下,v-show有比v-if更低的切换开销
v-show和v-if的区别
最新推荐文章于 2024-07-24 17:32:04 发布