v-if和v-show的区别

v-if是动态向DOM树添加或删除DOM元素，v-show的设置DOM元素的display样式属性控制显隐

v-if切换有个局部编译/卸载过程，切换过程中合适的销毁和重建内部的事件监听和子组件，v-show只是切换css样式

v-if是惰性的，如果初始条件为假，则不会渲染，只有在条件为真时才会开始局部编译，v-show在任何条件下，无论首次是否为真，都被编译，然后被缓存，且DOM元素保留