v-if和v-show

https://cn.vuejs.org/v2/guide/conditional.html#v-if-vs-v-show
https://blog.csdn.net/wxl1555/article/details/76594134
相同点：两者都是判断DOM节点是否要显示
不同点：
实现方式
1、v-if是根据条件来删除或者重建DOM树的元素节点；v-show是根据条件来控制元素的display属性，元素始终在DOM树上
编译过程
2、v-if切换只有一个局部的编译/卸载过程，v-show只是简单的基于css切换
编译条件
3、v-if只有条件为true时候才会局部编译；v-show任何时候都会编译
性能消耗
4、v-show有更高的初始渲染消耗，适合频繁的切换；v-if有更高的切换消耗，不适合频繁的切换