要點(diǎn)：?

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

網(wǎng)站地址：https://animate.style/

使用步驟：

步驟一進(jìn)行安裝：?

步驟二:引入

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

步驟三 配置使用第三方庫(kù)

animate__animated animate__bounce

?

?步驟四：添加第三方庫(kù)中動(dòng)畫(huà)

使用兩個(gè)配置屬性 enter-active-class 和leave-active-class

點(diǎn)擊復(fù)制到對(duì)應(yīng)的屬性中去

exit表示的為離開(kāi)

?

?

?

?

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。