要點：?

<transitionappearname="animate__animated animate__bounce"enter-active-class="animate__rubberBand"leave-active-class="animate__bounceOut">

網站地址：https://animate.style/

使用步驟：

步驟一進行安裝：?

步驟二:引入

由于不是js而是css所以不需要寫成 import xxx from ‘xxx’ 這樣 直接寫import ‘xxx’

步驟三 配置使用第三方庫

animate__animated animate__bounce

?

?步驟四：添加第三方庫中動畫

使用兩個配置屬性 enter-active-class 和leave-active-class

點擊復制到對應的屬性中去

exit表示的為離開

?

?

?

?

總結

以上是生活随笔為你收集整理的vue 集成第三方动画库(animate.css)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。