vue3+ts使用wow.js

首先，需要安装 `wow.js` 和 `animate.css`：

npm install wow.js animate.css

然后在 `main.ts` 中引入：

import { createApp } from 'vue';
import App from './App.vue';
import WOW from 'wow.js';

import 'animate.css/animate.min.css';
import './assets/styles/main.scss';

const app = createApp(App);

// 初始化 WOW.js
const wow = new WOW();
wow.init();

app.mount('#app');

最后，在需要使用动画效果的元素上添加 `wow` 类名即可：

<template>
  <div class="wow" data-wow-duration="2s" data-wow-delay="0.5s">
    <h1>Hello, World!</h1>
    <p>This is a demo of using wow.js in Vue 3 with TypeScript.</p>
  </div>
</template>

注意，`data-wow-duration` 和 `data-wow-delay` 属性可以用来控制动画的持续时间和延迟时间。需要在 `main.scss` 中定义 `.wow` 类的样式：

.wow {
  visibility: hidden;
}
.wow.animated {
  visibility: visible;
}

这样就可以在 Vue 3 + TypeScript 中使用 `wow.js` 进行动画效果了。