1引入 animate.css
<router-view #default="{route,Component}">
<transition :enter-active-class="`animate__animated ${route.meta.transition}`">
<component :is="Component"></component>
</transition>
</router-view>
2 routes: [
{
path: '/',
component: () => import('@/views/Login.vue'),
meta:{
title:"登录",
transition:"animate__fadeInUp",
}
},
{
path: '/index',
component: () => import('@/views/Index.vue'),
meta:{
title:"首页",
transition:"animate__bounceIn",
}
}
]