nuxtjs使用wowjs

要在Nuxt.js中使用wow.js，您需要按照以下步骤操作：

安装wow.js和animate.css库：

npm install wowjs animate.css

在Nuxt.js项目的nuxt.config.js文件中添加以下代码：

export default {
  // ...

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

  plugins: [
    { src: '~/plugins/wow.js', ssr: false }
  ],

  // ...
}

在Nuxt.js项目的plugins文件夹中创建一个wow.js插件文件（例如wow.js）：

import Vue from 'vue'
import WOW from 'wowjs'

Vue.use(WOW)

if (process.client) {
  const wow = new WOW.WOW()
  wow.init()
}

在您想要应用动画效果的组件中使用v-wow指令：

<template>
  <div>
    <h1 v-wow>Wow Animation</h1>
  </div>
</template>

<script>
export default {
  // ...
}
</script>

<style>
/* 添加动画效果 */
.v-wow {
  visibility: visible !important;
  animation-name: none !important;
  animation-delay: 0s !important;
  animation-duration: 1s !important;
}
</style>

现在，当您访问包含v-wow指令的组件时，wow.js将会应用动画效果。

请注意，如果您使用Nuxt.js的服务器端渲染（SSR）模式，请确保将ssr选项设置为false，以避免在服务器端出现错误