vue中使用animate.css进行路由切换

animate.css的动画方案丰富无比，足以满足我们的需要，今天将一下animate.css在vue中的使用方法记录一下，以免下次再使用又得上网上找半天，嘎嘎…
参考博客 Vue.js - Transition过渡动画的使用6（配合vue-router、vue-navigation使用）

• 首先我们先进行安装

$ npm i -S animate.css

• 在main.js中进行引入

import 'animate.css'

• 使用

<transition mode="out-in" enter-active-class="animated fadeIn" leave-active-class="animated fadeOut">
  <keep-alive>
    <router-view />
  </keep-alive>
</transition>