冯庸
全干工程师
@v pan_lining
获得徽章 0
赞了这篇文章
赞了这篇沸点
#每天一个知识点# v-if 和 v-show 有什么区别？
这两个指令都是在判断DOM节点是否要显示。区别是：
实现方式： v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点。 v-show只是在修改元素的display的属性值，元素始终在Dom树上。
编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件； v-show只是简单的基于css切换；
编译条件：v-if是惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局部编译； v-show是在任何条件下（首次条件是否为真）都被编译，然后被缓存，而且DOM元素始终被保留；
性能消耗：v-if有更高的切换消耗，不适合做频繁的切换； v-show有更高的初始渲染消耗，适合做频繁的切换；
这两个指令都是在判断DOM节点是否要显示。区别是：
实现方式： v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点。 v-show只是在修改元素的display的属性值，元素始终在Dom树上。
编译过程：v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件； v-show只是简单的基于css切换；
编译条件：v-if是惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局部编译； v-show是在任何条件下（首次条件是否为真）都被编译，然后被缓存，而且DOM元素始终被保留；
性能消耗：v-if有更高的切换消耗，不适合做频繁的切换； v-show有更高的初始渲染消耗，适合做频繁的切换；
展开
评论
5
赞了这篇沸点
坐标西安，最近感觉到特别的幸福，有一个今天刚满月的宝宝，有一位善良的妻子，有一套小三居，一辆十多万的代步车，家人身体都健康。之前老想着努力挣钱，早早实现小的财务自由，忽视了很多方面，现在想来，挣钱也不是一朝一夕的事。在那之前，还可以做很多事情，做一个有趣的父亲，一个知冷暖的丈夫，保持身体的健康，打扫房间，营造舒适的家庭氛围，都是非常好的事情。大概幸福就是能力减去欲望吧。
205
171
赞了这篇沸点
赞了这篇沸点