vue3 使用 animate 动画

animate地址: https://animate.style/

1.  npm install animate.css --save  安装 animate.css

2. 在vue的main.js 中全局引用  import 'animate.css' 

3. 在组建里使用

           

hahahahhahahah

       

name="animate__animated animate__bounce"   固定使用,必须有

enter-active-class  进入时的动画

leave-active-class  离开时的动画

:key="1"   key 必须存在并唯一 

---

代码: