v-if 和v-show条件渲染

1.v-if

v-if 绑定一个布尔值或者布尔表达式，为true的时候进行渲染，false时不渲染，

v-else 和 v-if配合使用和v-else相反，也就是如果v-if为false则渲染v-if

v-else-if 也绑定一个布尔值进行再判断，true时渲染，false不渲染

2.v-show

v-show 是显示和隐藏指令，绑定一个布尔值或者布尔表达式，为true的时候显示，为false的时候隐藏，相当于display：block 和 display：none。

3.区别

v-if是属于条件渲染，在进行显示和隐藏的时候相当于，如果为false不渲染，如果渲染后绑定的布尔值变成false，则相对于进行了删除，当布尔值再变为true的时候，重新渲染，这样比较消耗内存因此，vue底层又对v-if进行再封装，如果删除一个组件，会把删除的组件缓存一份，如果下次再显示的时候，会从缓存去取，从而提升v-if的性能，频繁的显示和隐藏不建议使用v-if

v-show是显示隐藏指令，布尔值为false时相当于display：none，布尔值为true的时候相当于display：block，频繁的显示与隐藏，建议使用v-show。

v-if，v-show 还可以绑定布尔值。