vue解决路由过渡动画抖动问题

1.问题所在。

在缓慢的过渡，在切换到下一个路由（fade-enter-to）时，上一个路由（fade-leave-to）会占位使得下一个路由的位置下移，所以在快速过渡的情况才发生类似抖动的效果。

2.解决问题

只需要给*-leave-active路由添加 display:none，让其在消失时不占位就可以解决问题。当然还可以使用定位脱离文档流来解决。