原文：vue与animate.css的结合使用
在vue项目中，由于页面需要动画效果，使用动画其实有多种方式，可以使用vue中的过渡transition，可以使用animate动画与transition配合使用，也可以单独使用animate动画库。 下面我们开始介绍在vue中单独使用animate动画，其实也非常简单，两步留可以实现： 第一步：安装： 在命令行中执行：npm install animate.css save 第二步：直接调用 ...
2018-12-20 09:23 0 997 推荐指数：
相关推荐
animate.css是一款前端动画库，相似的有velocity-animate。 上述是一个完整的结构。其中重要的几个点用箭头表示出来。首先在transition组件内部，需要定义两个基本的class类，表示过渡进来和过渡出去的时候所要配合使用的animate.css的类值 ...
1、在项目所在目录下执行下列命令进行依赖安装： 2、main.js中加入下列代码全局引入animate.css： 3、大致用法，注意class中加上animated： 格式：class="animated XXXX ...
1.在main.js中引入animate.css 2.使用transition标签包裹运动的元素,使用enter-active-class定义进入动画，使用leave-active-class定义离开动画，注意animate.css的所有动画要加animated这个类 ...
animate官网 https://animate.style/一、npm安装animate.css 二、main.js页面引入animate//animate动画库 三、页面应用 vue应用animate有几种方法，这里介绍常用的两种 1、直接使用类名 ...
需要的插件 npm install animate.css --save文档所在 npm install swiper vue-awesome-swiper --save 使用说明 利用animate.css的自定义类名使用方法,配合当前选中swiper ...