Vue动画使用心得

不bb直接上代码：

<transition name="aa">
    <span>我是文本内容</span>
</transition>

<style>
    .aa-enter-active {
        animation: run 0.5s;
    }
    .aa-leave-actvie {
        animation: run .5s reverse
    }

    @keyframe run {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
</style>