search

yisainan / web-interview

我是齐丶先丶森，收集整理全网面试题及面试技巧，旨在帮助前端工程师们找到一份好工作！更多详见公众号「前端面试秘籍」
MIT License
2.66k stars 507 forks source link

[vue] 11. 请问 v-if 和 v-show 有什么区别 #402

Open qiilee opened 5 years ago

qiilee commented 5 years ago

答案：

v-show 指令是通过修改元素的 display 的 CSS 属性让其显示或者隐藏

v-if 指令是直接销毁和重建 DOM 达到让元素显示和隐藏的效果

Xgj22 commented 1 year ago

v-show 有着更高的初始渲染消耗，v-if 有更高的切换消耗，需要频繁切换的适合用 v-show ，不需要频繁切换的适合 v-if

tnnevol commented 6 months ago

v-if 会销毁组件或者重新初始化组件