基于animate.css,封装Vue显示/隐藏动画组件。
npm install vue-ans-velocity##### 简介:
vue-ans-velocity是一个适用于目前超火的前端vue框架的一个动画依赖包。其使用简单,可用性高,大大提高了前端开发人员的工作效率。该依赖包主要解决了vue中动态/静态显示隐藏的动画切换效果,主要继承了 jQuery.js 中的淡入淡出(fade),滑动(slide)以及animate.css切换动画集合。
##### 使用步骤:
1.安装
```
npm install vue-ans-velocity
2.vue-cli 中 main.js 引入 并且注册为vue全局组件
`javascript
import Ans from "vue-ans-velocity"
Vue.component("ANS", Ans);
`
3.使用案例:
`vue`
h1
h2
h3
组合式动画效果:
`vue
`
##### 踩坑!!!
为函数式组件基于vue内置组件