vue2-animate 介绍
vue2-animate 是一款 vue的一些常用动画animate css来实现，针对vue2出现了一款插件。
一、安装
npm install --save vue2-animate
二、main.js引入,加入以下这句
import 'vue2-animate/dist/vue2-animate.min.css'
三、使用，在XXX.vue界面，脚手架生成的vue页面模板都是固定的
<template>
<transition name="bounce" enter-active-class="bounceInLeft" leave-active-
class="bouceOutRight">
<div>
---------------------------------------
---------------------------------------
---------------------------------------
---------------------------------------
</div>
</transition>
</template>
关于name共有以下这几种
Bounce
bounce
bounceDown
bounceLeft
bounceRight
bounceUp
Fade
fade
fadeDown
fadeDownBig
fadeLeft
fadeLeftBig
fadeRight
fadeRightBig
fadeUp
fadeUpBig
Rotate
rotate
rotateDownLeft
rotateDownRight
rotateUpLeft
rotateUpRight
Slide
slideDown
slideLeft
slideRight
slideUp
Zoom
zoom
zoomDown
zoomLeft
zoomright
zoomUp
网站地址:https://the-allstars.com/vue2-animate/
GitHub:https://github.com/asika32764/vue2-animate
网站描述:vue的一些常用动画animate css来实现
vue2-animate
官方网站：https://the-allstars.com/vue2-animate/
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。