vue动画效果-定义动画帧&过度效果&集成第三方动画animate.css

1.定义动画帧

2.过度效果

3.集成第三方动画animate.css

*npm第三方动画库：npm官网下搜索animate.css

进入主页面：

 

*安装第三方库：npm install animate.css

*引入：import 'animate.css'

*使用：

1.引入类名：name="animate__animated animate__bounce"

   2.添加进入动画：enter-active-class="animate__swing"

3.添加离开动画：

leave-active-class=” animate__bounceOutDown”