v-show = '布尔值' 为真 盒子显示 为假 盒子隐藏

v-if = "布尔值" 为真 盒子显示 为假 盒子隐藏

原理：

v-show = '布尔值' 实质上是控制盒子样式 display：none

v-if = '布尔值' 实质上是动态创建或者删除元素节点

区别：

v-show 适用于频繁切换显示隐藏，会消耗渲染性能

v-if是惰性的 ，如果为false ，这个标签就不会创建了，要么显示要么隐藏，节省渲染性能