vue中使用Animate.css实现元素的入场和离场动画

2,360 阅读1分钟

animate.css 提供了很多入场和离场特效,大家可以根据个人需要,使用不同的效果。

animate.css

  • 首先通过 npm 安装依赖

    npm install animate.css --save

  • 在主入口main.js中引入 

    import 'animate.css/animate.min.css

  • 在页面中,配合 transition 组件 ,设置 对应的 enter-active-class和leave-active-class

莎士比亚说过, 看完不点赞的同志,不是好同志

  • 基于jsplumb+vue的流程图绘制

  • 一网打尽Vue组件通信

  • Vue项目打包-合并、压缩,让响应纵享丝滑