溫馨提示×

vue如何引入animate

養(yǎng)魚的貓咪
265
2021-05-12 19:25:29
欄目: 編程語言

在vue中引入animate的方法：1.新建ue.js項目；2.使用npm或yarn安裝animate依賴包；3.使用@import方法導(dǎo)入animate；

vue如何引入animate

具體步驟如下：

1.首先，在vue-cli中創(chuàng)建一個vue.js項目；

vue create project-name

2.vue.js項目創(chuàng)建好后，在項目中使用npm或yarn方法安裝animate依賴包；

npm install animate.css
yarn install animate.css

3.animate依賴包安裝好后，使用@import方法即可導(dǎo)入animate；

@import "../node_module/animate.css/animate.css";

相關(guān)擴展：

1）在head區(qū)域中使用cdn模式引入animate，從而減少打包量

<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"
/>

0 踩