郭宝
郭宝

在Vue项目中WOW.js（鼠标滚动时显示动画）开源库

什么是 WOW.js

WOW.JS 是一个鼠标滚动时，显示动画的插件。如下截图：

WOW 官网

WOW-GitHub源码

怎么使用 WOW.js

1、首先通过npm 安装 wowjs 和 animate.css

npm install wowjs
npm install [email protected] --save

注意：这里必须安装3.7.0的版本， 因为目前较高的版本无法正常加载 动画

 2、然后在main.js文件中导入 animate.css

import 'animate.css'

3、然后在组件中局部引入wowjs，并在 mounted(){ } 实例化 WOW这个对象

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

 
  
 
 
 


                            

                        

                    

                    
                    

                    
                    
                    

                

                

                    
                

            

        

    

    

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