在vue項目中,由於頁面需要動畫效果,使用動畫其實有多種方式,可以使用vue中的過渡transition,可以使用animate動畫與transition配合使用,也可以單獨使用animate動畫庫。
下面我們開始介紹在vue中單獨使用animate動畫,其實也非常簡單,兩步留可以實現:
第一步:安裝:
在命令行中執行:npm install animate.css --save
第二步:直接調用
在需要展示頁面的DOM元素中,直接使用animated中的動畫class名,注意:必須使用animated這個class名,否則動畫會無效 。