search

habc0807 / fe-interview

BAT、TMD等各大厂中高级、资深前端面试题整理
36 stars 4 forks source link

vue中 v-if 与 v-show有什么区别? #13

Open habc0807 opened 4 years ago

ChaoSuperScholar commented 4 years ago

v-if是加载与不加载， v-show是显示隐藏

habc0807 commented 4 years ago

v-if是加载与不加载， v-show是显示隐藏

@ChaoSuperScholar 它们具体是怎么实现的？

habc0807 commented 4 years ago

v-if 会添加或者删除节点，触发重绘重排，性能消耗大； v-show 只是通过 display:none 隐藏掉元素，并没有删除。

Mr-duan commented 4 years ago

v-if 会重现渲染dom 对页面开销较大 v-show 只控制元素样式 的显示与隐藏 对于频繁操作的dom元素 建议使用v-show