vue中 v-if，v-show使用和区别

---

vue中 v-if，v-show使用和区别

1.v-if 和 v-show使用

代码如下（html）：

<div id="app">
    <h3 v-if="isShow1">显示1</h3>
    <h3 v-if="isShow2">显示2</h3>
    <h3 v-show="show1">show1</h3>
    <h3 v-show="show2">show2</h3>
</div>




<script>
 new Vue({
        el:"#app",
        data:{
            isShow1: true,
            isShow2: false,
            show1:true,
            show2:false

        }
    });
</script>

2.区别：v-if 把整个false 元素隐藏，而 v-show 只是style给了给个状态