欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

animate.css在vue项目中的使用

程序员文章站 2024-03-25 12:42:28
...
  1. 安装
    npm install animate.css --save

  2. 在 main.js中使用
    import animated from 'animate.css'
    Vue.use(animated)

  3. 在vue中配合过渡使用

<transition
           name="custom-classes-transition"
           enter-active-class="animate__animated animate__bounceInLeft"
           leave-active-class="animate__animated animate__bounceOutLeft"
         >
           <p v-show="show" class="box">hello</p>
  </transition>
相关标签: javascript