最近在学习VUE+animate.css,入门遇到一些坑。先上几个链接:
animate.css官网:https://animate.style/#migration;
animate.css下载地址:https://github.com/asika32764/vue2-animate;
vue环境下使用animate.css:https://www.npmjs.com/package/vue2-animate;
1.vue环境,安装animate.css模块:
cnpm install vue2-animate -S
这里有个坑,之前一直没进入到项目文件中进行安装,安装后一直提示我找不到这个模块。解决办法就是进入项目目录中执行命令即可。
2.在main.js 中引入animate.css:
import 'vue2-animate/dist/vue2-animate.min.css';
3.使用方式,有以下几种方式:
方式一:局部引用,只在一个组件下使用,前提是需要下载animate.css文件。