.fade--move,//动画
.fade-enter-active, .fade-leave-active {//过渡效果
transition: all 0.9s;
}
.fade-leave-active{//不加定位,会出现新页面在旧页面下面显示的情况
position:absolute
}
.fade-leave { 离开的起点
opacity: 1;
transform: translateX(0);
}
.fade-leave-to { 离开的终点
opacity: 1;
transform: translateX(-200px);
}
进入动画失效,是因为fade-enter没用了
需要重新自定义定义进入动画
使用fade-enter-from和fade-enter-to定义开始和结束动画