首先你有一个vue的项目
然后,安装animate.css 命令
npm install animate.css --save
安装完成后,在main.js中引入
在App.vue中,包裹所有的router-view,就给所有的路由跳转加上了动画了
import animated from 'animate.css'
<transition enter-active-class="fade-in" leave-active-class="fade-out" :duration="{enter: 200, leave: 200}">
<router-view>
</transition>
当然也是可以通过条件来给某些路由加动画,加一个判断条件即可(通过v-if)。