在vue中引入animate的方法:1.新建ue.js項目;2.使用npm或yarn安裝animate依賴包;3.使用@import方法導入animate;
具體步驟如下:
1.首先,在vue-cli中創建一個vue.js項目;
vue create project-name
2.vue.js項目創建好后,在項目中使用npm或yarn方法安裝animate依賴包;
npm install animate.css
yarn install animate.css
3.animate依賴包安裝好后,使用@import方法即可導入animate;
@import "../node_module/animate.css/animate.css";
相關擴展:
1)在head區域中使用cdn模式引入animate,從而減少打包量
<linkrel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"
/>