animate.css在vue項(xiàng)目中的使用教程
更新時(shí)間：2018年08月05日 16:49:03 作者：花落微涼夢清幽
在vue項(xiàng)目中使用動畫其實(shí)有多種方式，可以使用vue中的過渡transition，可以使用animate動畫與transition配合使用，也可以單獨(dú)使用animate動畫庫，下面我們開始介紹在vue中單獨(dú)使用animate動畫，感興趣的朋友一起看看吧
在vue項(xiàng)目中使用動畫其實(shí)有多種方式，可以使用vue中的過渡transition，可以使用animate動畫與transition配合使用，也可以單獨(dú)使用animate動畫庫（詳情可見vue官網(wǎng)-過渡：過渡），下面我們開始介紹在vue中單獨(dú)使用animate動畫，其實(shí)也非常簡單，兩步留可以實(shí)現(xiàn)：
第一步：安裝：
在命令行中執(zhí)行：npm install animate.css --save
第二步：引入及使用：
main.js中：
import animated from 'animate.css' // npm install animate.css --save安裝，在引入 Vue.use(animated)
使用：
vue模板中：
<div class="ty"> <!-- 直接使用animated中的動畫class名，注意：必須使用animated這個(gè)class名，否則動畫會無效 --> <div class="box animated bounceInDown"></div> </div>
總結(jié)
以上所述是小編給大家介紹的animate.css在vue項(xiàng)目中的使用教程，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時(shí)回復(fù)大家的！
相關(guān)文章
vue移動端微信授權(quán)登錄插件封裝的實(shí)例
今天小編就為大家分享一篇vue移動端微信授權(quán)登錄插件封裝的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要給大家介紹了關(guān)于Vue中xlsx的使用方法指南,有很多辦法都可以實(shí)現(xiàn),其中最簡單的還是使用插件xlsx,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07
這篇文章主要介紹了vue中使用swiper5方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
vue?圖片路徑?“@/assets“?報(bào)錯(cuò)問題及解決
這篇文章主要介紹了vue?圖片路徑?“@/assets“?報(bào)錯(cuò)問題及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Ubuntu22.04使用nginx部署vue前端項(xiàng)目的詳細(xì)教程
這篇文章主要給大家介紹了關(guān)于Ubuntu22.04使用nginx部署vue前端項(xiàng)目的詳細(xì)教程,使用nginx部署前端項(xiàng)目是一篇非常詳細(xì)的教程,旨在幫助初學(xué)者使用Nginx來部署前端項(xiàng)目,需要的朋友可以參考下2024-03-03
Vue實(shí)現(xiàn)docx/xlsx/pdf等類型文件預(yù)覽功能
這篇文章主要為大家詳細(xì)介紹了如何溧陽Vue實(shí)現(xiàn)docx/xlsx/pdf等類型文件預(yù)覽功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-02-02
這篇文章主要介紹了vue中遇到scrollIntoView無效問題及解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-05-05
淺談vue的props，data，computed變化對組件更新的影響
本篇文章主要介紹了淺談vue的props，data，computed變化對組件更新的影響，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
Vue手動埋點(diǎn)設(shè)計(jì)的方法實(shí)例
這篇文章主要給大家介紹了關(guān)于Vue手動埋點(diǎn)設(shè)計(jì)的相關(guān)資料,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,需要的朋友可以參考下2022-03-03
在Vue中實(shí)現(xiàn)對文件的壓縮和解壓縮功能
在前端開發(fā)中,文件的壓縮和解壓縮是經(jīng)常需要用到的功能,尤其是在需要上傳和下載文件的場景下,文件壓縮可以減小文件大小,加快文件傳輸速度,提高用戶體驗(yàn),本文將介紹在Vue項(xiàng)目中如何進(jìn)行文件的壓縮和解壓縮,需要的朋友可以參考下2023-11-11