06-vue路由动画

html:

<transition name="haines">
      <router-view/>
</transition>

css:

.haines-enter-active,.haines-leave-active{
  transition :opacity .5s
}
.haines-enter,.haines-leave-to{
  opacity : 0
}