wow.js开源库在vue中使用无效

背景:

当在实际开发中,我想使用 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这个对象

 4、然后在想使用动画效果的标签中添加 wow 样式

Ecosystem

5、然后运行 vue项目,发现并没有任何效果 ,百思不得其解。

解决办法:

经过仔细排查、比对,发现并不是引入的步骤出现了问题,也不是代码出现了问题,而是 animate.css 开源库版本的问题,我安装的animate.css 版本为 4.1.0

  "dependencies": {
    "animate.css": "^4.1.0",
    "core-js": "^3.6.5",
    "vue": "^2.6.11",
    "wowjs": "^1.1.3"
  },

那么只需要将package.json文件中的animate.css 版本改为  

你可能感兴趣的:(Web前端)