vue-cli transition的使用

transition 结合animate使用

1.下载animate.css

https://daneden.github.io/animate.css/

2.在main.js中引入animate.css

import './assets/animate.css'

3.使用

<transition enter-active-class="animated tada" leave-active-class="animated shake">
    <keep-alive>
       <router-view></router-view>
    </keep-alive>
</transition>

// 进入的动画  animated 必填      tada 自定义的动画类名

enter-active-class="animated tada"

// 离开的动画  animated 必填

leave-active-class="animated shake"