路由动画--入场没有过渡

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

<template>

    <transition name="slide-left">
        <router-view></router-view>
    </transition>
</template>
<style>
.slide-left-enter-active, .slide-left-leave-active {
    transition: transform .5s;
    transform-origin: left;
}
.slide-left-enter, .slide-left-leave-active {
    transform: scale(0,1);
}
</style>
路由改变时，页面从右到左消失，然后新页面直接跳出来，没有过渡效果