vue中v-if和v-show

v-if是判断，v-show是显示

<div id="app">
    <!--<div v-if="show">{{msg}}</div>-->
    <div v-show="show">{{msg}}</div>
</div>
<script>
    var vm =new Vue({
        el:"#app",
        data:{
            msg: "hello",
            show:false
        },
    })

当使用v-show的时候：

<div style="display: none;">hello</div>

当使用v-if的时候 则什么也不显示
因此要实现显示和隐藏功能，v-show在性能上要比v-if好，因为v-show改变的是display，而v-if则是删除添加，另外使用v-if和v-else要挨着

 <div v-if="show">{{msg}}</div>
    <div v-else>Bye</div>

上面代码意思是show为true的话显示Bye