vue系列学习2：v-show 和 v-if 区别

v-show : 通过display：none来控制显示或者隐藏

频繁切换的换，使用v-show

v-if：是真正的条件渲染，通过删除或者创建一个元素来控制显示和隐藏

<h1 v-show = "isShow" >v-show的盒子</h1>
<h1 v-if = "isShow">v-if的盒子</h1>
<button @click = "fn"> 这是一个按钮 </button>

数据：
isShow = true

方法：
fn(){
    this.isShow = false;
}

同时进行隐藏后

v-show的盒子的h1结构还存在

v-if的盒子直接消失了