温馨提示×

vue如何引入animate

养鱼的猫咪
255
2021-05-12 19:25:29
栏目: 编程语言

在vue中引入animate的方法:1.新建ue.js项目;2.使用npm或yarn安装animate依赖包;3.使用@import方法导入animate;

vue如何引入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,从而减少打包量

<link

rel="stylesheet"

href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css"

/>

0