用 wow.js 就可以實(shí)現(xiàn)動(dòng)畫效果，但由于里面的動(dòng)畫樣式太少，一般還會(huì)引入 animated.css

第一步：下載

選擇合適的包管理器下載對(duì)應(yīng)的內(nèi)容

pnpm i wow.js animated.css --save

第二步：引入

在main.js中加入：

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

在需要使用動(dòng)畫的 vue 文件中引入：

import WOW from 'wow.js'

第三步：使用

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

滑動(dòng)到對(duì)應(yīng)位置的時(shí)候就可以看到‘你好’從左側(cè)淡入。

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