Nuxt的路由动画效果案例

路由的动画效果,也叫作页面的更换效果。Nuxt.js提动两种方法为路由提动动画效果,一种是全局的,一种是针对单独页面制作。 全局路由动画 全局动画默认使用page进行设置,例如现在我们为每个页面都设置一个进入和退出时的渐隐渐现的效果。我们可以先在根目录的assets/css下建立一个main.css文件。 /assets/css/main.css .page-enter-active,.page-leave-active{ transition: opacity 2s; } .page-enter,.page-leave-active{ opacity: 0; } 然后在nuxt.con