VUE：wow.js使用方法

适用于vue项目中运用wow.js

说明：

• 安装
• main.js引入
• 需要页面按需引入
• 需要元素添加类名

1、安装

npm install wowjs --save-dev

2、main.js中引入

import 'wowjs/css/libs/animate.css'

3、在需要的页面引入wow.js

import { WOW } from 'wowjs'
export default {
  mounted() {
    // 在项目加载完成之后初始化wow
    this.$nextTick(() => {
      let wow = new WOW({
        live: false,
      })
      wow.init()
    })
  },
}

4、在需要使用的元素添加类名

<div class="wow bounce "  data-wow-delay="1.5s"  data-wow-iteration："1"></div>

• data-wow-duration：更改动画持续时间
• data-wow-delay：动画开始前的延迟
• data-wow-offset：开始动画的距离（与浏览器底部相关）
• data-wow-iteration：动画的次数重复（无限次：infinite）