使用vue-router切换页面时实现设置过渡动画

今天在编写页面时,看到页面没有任何效果就只是直入直出,完全没有一点逼格,所以想要实现类似于原生app的那种切换页面时的特效,遂开始google,发现网上各种方案都是各有优缺点,于是整理了自认为优雅的方案并记录下来.如何判断切换路由时是前进还是后退每次切换时向左向右切换动画如何实现我们需要给各个页面定义层级,在切换路由时判断用户是进入哪一层页面,如果用户进入更高层级那么做前进动画,如果用户退到低层级那么做后退动画.监控路由跳转,判断切换页面之间的层级关系,并以此来判断路由前进或者后退.CSDN markdown 禁用了iframe, 有翻墙工具的可以点击