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官网地址

相关推荐
WildBlue8 分钟前
阮一峰闭包:JavaScript最优雅的"背包"魔法!✨
前端·javascript
LaoZhangAI11 分钟前
OpenAI API 账号分层完全指南:2025年最新Tier系统、速率限制与升级攻略
前端·后端
LeeAt11 分钟前
React Hooks 编程:useState和useEffect的详解
前端·react.js
Dream耀11 分钟前
React Hooks 指南:useState 与 useEffect 的用法与技巧
前端·javascript·react.js
zhanshuo14 分钟前
i18next + 原生JS 双引擎:打造前端多语言系统最佳实践
前端·javascript·css
小飞悟15 分钟前
React Hooks 编程:深入理解 useEffect 的执行机制与清理副作用
前端·javascript
庖丁解牛17 分钟前
3. Babylonjs 中获取相机方向相关
前端·webgl·游戏开发
红衣信17 分钟前
前端与后端存储全解析:从 Cookie 到缓存策略
前端·后端·面试
3Katrina18 分钟前
一文带你了解React useEffect:核心概念与实践总结
前端
我想说一句18 分钟前
React Hooks 生存指南:让你的函数组件"活"起来 🧬
前端·javascript·react.js