vue路由动画让页面切换更有艺术感。下面是具体实现方法：
1、html
<transition name="animation"> <router-view /> </transition>
2、css
.animation-enter,
animation-leave-to {
transform: translateX(50px);
opacity: 0;
}
.animation-enter-active {
transition: all 0.5s ease-in-out;
}
.animation-enter-to,
animation-leave {
transform: translateX(0);
opacity: 1;
}就这么简单。