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

[qiilee]

答案：

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

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

[Xgj22]

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

[tnnevol]

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