// 简单记录一下，下次就知道vue动画都怎么做了。
<transition name="fade"> <router-view ></router-view> </transition>
.fade-enter {
opacity:0;
}
.fade-leave{
opacity:1;
}
.fade-enter-active{
transition:opacity 1s;
}
.fade-leave-active{
opacity:0;
/*transition:opacity .5s;*/
}
原文：https://www.cnblogs.com/dashaxiong/p/12069319.html