Vue v-if和v-show的区别
Vue v-if和v-show的区别
v-if 是真正的条件渲染,因为他会确保在切换过程中,条件快内的时间监听器和子组件适当地被创建和销毁。浏览器在渲染时,判断条件为假,则什么也不做,知道条件为真时,才会开始渲染条件块。
v-show 就简单多了,不管初始条件为什么,元素总是会被渲染,之后更具条件判断,简单的进行css切换,实际上就是相当于display:none
总结:v-if 是用来增删DOM模块,v-show是用来隐藏DOM模块。
v-if 是真正的条件渲染,因为他会确保在切换过程中,条件快内的时间监听器和子组件适当地被创建和销毁。浏览器在渲染时,判断条件为假,则什么也不做,知道条件为真时,才会开始渲染条件块。
v-show 就简单多了,不管初始条件为什么,元素总是会被渲染,之后更具条件判断,简单的进行css切换,实际上就是相当于display:none
总结:v-if 是用来增删DOM模块,v-show是用来隐藏DOM模块。