v-if和v-show的区别

vue中，我们常用指令v-if和v-show处理页面显示与否，但二者存在明显的区别。

1.控制显示方式不同。

v-if：通过是否插入dom

v-show：改变css属性display的值

2.v-if可以配合v-else使用

3.在组件上使用，相当于在template标签上使用，v-show并不能控制组件的显示。

使用v-if和v-show的场景

只有v-if对应的值位true时，才会渲染到dom中，v-show简单的多，切换显示开销会小。换句话说就是，在需要频繁切换显示的元素上需要使用v-show，其次使用v-if，不要在组件上使用v-show。