Vue面试题 v-show 与 v-if 有什么区别？

相同点：  v-show和 v-if都是 控制 dom元素的显示和隐藏的。

不同点：  1、实质本质方法不同：

v-show是通过控制元素的样式属性display的值，来完成显示和隐藏； ​  v-if是通过对dom元素的添加和删除，完成显示和隐藏

2、使用场景：由原理（做法）得出使用场景的区别

v-show：使用在dom元素频繁切换的场景 ​  v-if：当dom元素的切换不频繁，可以使用。特别是，首次元素处于隐藏的情况下。

3、性能

v-if:有更高的切换消耗（安全性高）

v-show:有更高的初始化的渲染消耗（对安全性无要求选择）