使用animate.css

安装animate.css

npm i animate.css --save

在main.js中引用animate.css

import animate from 'animate.js'
Vue.use(animated)

在vue中使用

直接使用animated中的动画class名，注意：必须使用animated这个class名，否则动画会无效

<div class="box animated bounceInDown"></div>

<transition name="g"  enter-active-class="animated bounceInDown delay-2s">
    <router-view/>
 </transition>

animate Class名及动画效果查看链接