当前位置:   article > 正文

vue集成vue2-animate插件实现常用动画_有人用过vue2-animate

有人用过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页面模板都是固定的

  1. <template>
  2. <transition name="bounce" enter-active-class="bounceInLeft" leave-active-
  3. class="bouceOutRight">
  4. <div>
  5. ---------------------------------------
  6. ---------------------------------------
  7. ---------------------------------------
  8. ---------------------------------------
  9. </div>
  10. </transition>
  11. </template>
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/660878
推荐阅读
  

闽ICP备14008679号