背景:
当在实际开发中,我想使用 wow.js 开源库时,按照如下步骤进行引入,但是发现无法正常使用
1、首先通过npm 安装 wowjs 和 animate.css
npm install wowjs
npm install animate.css --save
2、然后在main.js文件中导入 animate.css
import 'animate.css'
3、然后在组件中局部引入wowjs,并在 mounted(){ } 实例化 WOW这个对象
<script>
import { WOW } from "wowjs";
export default {
name: 'HelloWorld',
mounted() {
var wow = new WOW();
wow.init();
}
}
</script>
4、然后在想使用动画效果的标签中添加 wow 样式
<h3 class="wow bounceInRight">Ecosystem</h3>
5、然后运行 vue项目,发现并没有任何效果 ,百思不得其解。