// 简单记录一下,下次就知道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;*/ }