v-if和v-show的区别

1.相同点：

v-if和v-show都是用来控制一个元素是否显示或者隐藏的

2.不同点：

①控制显示隐藏的不同点：

• v-if是用控制DOM元素进行显示隐藏的   通过DOM元素的添加删除来控制（元素通过删除在页面上找不到这个元素）
• v-show是通过css的display的block（显示）或者none（隐藏）DOM元素（隐藏之后还可以在页面上找到这个元素）

②性能的对比：

• v-if有更高的切换消耗，更适合用于条件变化不大时使用v-if
• v-show有更高的初始渲染消耗，适合于频繁的切换