浙江省住房和城乡建设厅网官方网站北京seo技术

用 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>