vue中使用wow.js

一、安装

复制代码
npm install wowjs --save-dev

二、main中引入

animate.css会自动安装

因为wow.js在animate.css基础上

main.js中引入animate.css

复制代码
import "animate.css"

三、 页面使用

复制代码
有两种引入使用方式:

1. import {WOW} from 'wowjs'    mounted() { new WOW().init() }

2.import WOW from 'wowjs'    mounted() { new WOW.WOW().init() }

<div class="left_list wow animate__animated animate__bounceInLeft">
,,,,,,,,,,,,,,
</div>

animate官网地址

相关推荐
无奈何杨3 分钟前
风控系统事件分析中心,关联关系、排行、时间分布
前端·后端
Moment9 分钟前
nginx 如何配置防止慢速攻击 🤔🤔🤔
前端·后端·nginx
晓得迷路了14 分钟前
栗子前端技术周刊第 94 期 - React Native 0.81、jQuery 4.0.0 RC1、Bun v1.2.20...
前端·javascript·react.js
前端小巷子16 分钟前
Vue 自定义指令
前端·vue.js·面试
玲小珑21 分钟前
Next.js 教程系列(二十七)React Server Components (RSC) 与未来趋势
前端·next.js
Mike_jia22 分钟前
UptimeRobot API状态监控:零成本打造企业级业务健康看板
前端
江城开朗的豌豆23 分钟前
React状态更新踩坑记:我是这样优雅修改参数的
前端·javascript·react.js
CodeSheep41 分钟前
Stack Overflow,轰然倒下了!
前端·后端·程序员
i紸定i41 分钟前
解决html-to-image在 ios 上dom里面的图片不显示出来
前端·ios·vue·html·html-to-image
ai.Neo42 分钟前
(第十七期)HTML图像标签详解:从入门到精通
前端·html