<template>
    <div>
        <div>过渡效果</div>
        <div>-----------------------------------</div>
        <div id="demo">
            <button @click="show = !show">
                Toggle
            </button>


            <transition name="fade">
                <p v-if="show">hello</p>
            </transition>

        </div>
    </div>
</template>



<script>
    export default{
        data(){
            return{
                show:true
            }
        }
    }
</script>

<style>
    .fade-enter-actice, .fade-leave-actice {
        transition: opacity .5s
    }

    .fade-enter, .fade-leave-to {
        opacity: 0
    }
</style>

照着老师的代码敲的， 控制台也没有报错，为什么没有过渡效果，效果就和没加transition标签前一样