如何在vue項目中使用animate.css

發(fā)布時間：2021-01-16 11:08:09 來源：億速云閱讀：415 作者：Leah 欄目：web開發(fā)

本篇文章為大家展示了如何在vue項目中使用animate.css，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

第一步：安裝：

在命令行中執(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這個class名，否則動畫會無效 -->
 <div class="box animated bounceInDown"></div>
</div>

上述內(nèi)容就是如何在vue項目中使用animate.css，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

猜你喜歡