fe-interview vue中 v-if 与 v-show有什么区别?

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

Open habc0807 opened this issue 4 years ago • 4 comments

Jul 30 '20 05:07 habc0807

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

Jul 30 '20 05:07 ChaoSuperScholar

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

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

Jul 30 '20 06:07 habc0807

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

Jul 31 '20 01:07 habc0807

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

Jul 31 '20 02:07 Mr-duan