前端面试——Vue篇（v-show和v-if的区别以及使用场景？）

1.原理

v-if如果条件不成立不会渲染当前指令所在节点dom元素，是不存在dom元素的。

v-show只是对当前dom进行显示或者隐藏，相当于display:none或者black。

2.首次渲染

v-show有更高的首次渲染开销，而v-if的首次渲染开销要小的多。

3.切换开销

v-if有更高的切换开销，v-show切换开销小。

4.使用场景

v-if适用于不需要频繁切换元素显示和隐藏的情况。（比如组件重置，其实就是给这个组件v-if,然后给false,再给true就可以了）。
v-show适用于需要频繁切换元素的显示和隐藏的场景。