v-if和v-show的区别

<div id ="app">
        <input type ="button" value ="toggle" @click="flag=!flag">
        <!--v-if在是在我们需要的时候创建一个对象，当我们不需要的时候删除该对象。所以一般耗费的比较大，当我们不是很频繁的切换
            的时候一般使用该命令-->
        <h3 v-if="flag">这是用v-if控制的元素</h3>
        <!--v-show 是判断一个对象是否隐藏，当我们需要的时候显示出来，不需要的时候隐藏起来，对象一直存在。当我们非常频繁的切换
        一个对象的时候我们可以考虑使用v-show.
        -->
        <h3 v-show="flag">这是使用v-show控制的元素</h3>
    </div>

    <script>
       var vm=new Vue({
           el:'#app',
           data:{flag:true},
           methods:{}
       })
    </script>