nuxtjs引入 wowjs 和 animate.css

1.安装wowjs 和 animate.css 

npm install wowjs

npm install animate.css

2.在nuxt.config.js引入animate.css 

css: [
    'animate.css/animate.css'
]

 3.在需要用到wowjs页面

if (process.browser) { // 在这里根据环境引入wow.js
    var {
      WOW
    } = require('wowjs')
  }
  export default {
    name: 'IndexPage',
    mounted() {
      if (process.browser) { // 在页面mounted生命周期里面 根据环境实例化WOW
        new WOW({
          live: false,
          offset: 0
        }).init()
      }
    }
  }

4. 使用

<div class="animate__animated animate__fadeInLeft wow">
    wowjs Animate.css
</div>

animate.css官网文档以及展示案例

https://animate.style/