v-if && v-show的区别以及使用场景

1、相同点：

• 都能使元素显示或隐藏。

2、区别：

• v-if 是通过控制DOM节点是否存在来控制元素的显示或隐藏；v-show 是通过设置DOM元素的display样式，block为显示，none为隐藏；
• v-if 有更高的切换消耗；v-show有更高的初始渲染消耗。

3、使用场景：

• 如果需要非常频繁地切换，使用v-show；
• 如果在运行时条件很少改变，使用v-if，可以减轻服务器的压力。