vue 面试题--v-if 和v-show区别

1 v-if

v-if 是真正的条件渲染，因为它在条件范围内切换-事件监听器和子组件适当的被销毁和重建，实际上操作的是dom的重建和销毁。

2 v-show

v-show 简单的多，不管初始化条件是什么，元素总会被渲染，并且是简单的基于css进行切换，它操作的是display:none/block;

3 总结

v-if 有更高的切换开销，v-show有更高的初始化开销，因此需要频繁的切换，则使用v-show较好。

如果运行条件很少改变则使用v-if较好。