v-show和v-if的区别，两者的应用场景分别是什么（容易理解）

一、区别：

1.控制手段不同：

v-show 本质上是通过css的display属性来决定是否显示

如果不显示，则为元素添加css—display:none,也就是说dom元素一直是存在的；

v-if 则是把整个dom元素进行添加或删除

2.编译过程不同：

v-show 只是简单地对css进行切换操作；

v-if 有一个编译/卸载过程，会合适地销毁和重建内部事件监听和子组件

3.编译条件不同：

v-show 都会编译，初始值为false时，只是将display设为none，但它也编译了，并且不会触发组件的生命周期

v-if 是真正的条件渲染，但只有在渲染条件为true时才会进行编译，会触发组件的生命周期

二、v-show与v-if的使用场景

v-show: 在需要非常频繁地进行切换的情况下，使用 v-show 较好

v-if:在运行时条件很少改变时，使用 v-if 较好

三.总结

由于v-if是直接操作dom元素的（增加和删除），所以开销会比v-show大

性能消耗：v-if有更高的切换消耗；v-show有更高的初始渲染消耗