VUE

/* 为对应的路由跳转时设置动画效果 */

 

<transition name="fade">

        <router-view />

    </transition>

 

.fade-enter-active, .fade-leave-avtive {

    transition: opacity 1s

}

.fade-enter, .fade-leave-to {

    opacity: 0

}