在vue中引入animate的方法:1.新建ue.js项目;2.使用npm或yarn安装animate依赖包;3.使用@import方法导入animate;
具体步骤如下:
首先,在vue-cli中创建一个vue.js项目;
vue create project-name
vue.js项目创建好后,在项目中使用npm或yarn方法安装animate依赖包;
npm install animate.css
yarn install animate.css
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"
/>