用 wow.js 就可以實現動畫效果，但由于里面的動畫樣式太少，一般還會引入 animated.css

第一步：下載

選擇合適的包管理器下載對應的內容

pnpm i wow.js animated.css --save

第二步：引入

在main.js中加入：

import 'animate.css/animate.min.css'
import 'wow.js/css/libs/animate.css'

在需要使用動畫的 vue 文件中引入：

import WOW from 'wow.js'

第三步：使用

使用動畫樣式都需要加上‘wow’類名，可以在animate.css官網找到想要的動畫樣式：animate.css 官網

滑動到對應位置的時候就可以看到‘你好’從左側淡入。

<div class="wow fadeInRight">你好
</div>