nuxt2使用wowjs

要在Nuxt.js中使用wow.js，您需要遵循以下步骤：

1. 安装wow.js和animate.css库。您可以使用以下命令安装它们：

npm install wowjs animate.css

2. 在Nuxt.js项目的nuxt.config.js文件中导入和配置wow.js和animate.css。在head部分添加以下代码：

head: {
  script: [
    { src: 'https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js' }
  ],
  link: [
    { rel: 'stylesheet', href: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css' }
  ]
},

3. 在您想要使用动画效果的组件中，导入和初始化wow.js。您可以在mounted钩子中添加以下代码：

import WOW from 'wowjs'

export default {
  mounted() {
    const wow = new WOW.WOW()
    wow.init()
  }
}

4. 在您的模板中，使用data-wow-*属性来定义具体的动画效果。例如，您可以添加以下代码来应用一个淡入动画效果：

<div class="wow fadeIn">
  Content
</div>

请注意，您还可以在组件的样式中添加其他CSS类来自定义动画效果。例如，您可以添加以下样式来更改动画的持续时间：

.wow.fadeIn {
  animation-duration: 2s;
}

以上是一个基本的使用wow.js的示例。您可以根据需要自定义动画效果和选项。有关更多详细信息，请参阅wow.js和animate.css的官方文档