SOURCE

 var app= new Vue({
        el:"#app",
        data:{
            // ifShow:false,
            show:false,
        }, 
        
        watch:{
            show:function(){
                var vm = this;
                setTimeout(function(){
                    vm.show= true;
                },2000);
            }
        },

        computed:{
            output:function(){
               this.show = !this.show;
               
            }
            },

        

 })

<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<div id="app">
    <!-- <button @click="ifShow = !ifShow">显示和不显示</button>
    <template v-if="ifShow">
        <p>
        如果条件为真，就显示<span>Test</span>
        <input type="text">
        </p>
    </template>
   <p v-else>如果条件不为真，就不显示</p>
   <p v-show="ifShow">隐藏而不是删除</p> -->

    <button v-on:click="show = !show">显示和不显示</button>
    <template v-if="show">
        <p>
        如果条件为真，就显示<span>Test</span>
        <input type="text">
        </p>
    </template>
   <p v-else>如果条件不为真，就不显示</p>
   

   
</div>