vue集成vue2-animate插件实现常用动画

本文主要是介绍vue集成vue2-animate插件实现常用动画，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

                                vue2集成vue2-animate插件实现常用动画

        vue的一些常用动画animate css来实现，针对vue2出现了一款插件vue2-animate,其实更权威的介绍在这里欢迎访问https://www.npmjs.com/package/vue2-animate，看一下如何使用呢？

一、安装

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>

这篇关于vue集成vue2-animate插件实现常用动画的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---