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

相关推荐
coding随想9 小时前
前端革命:自定义元素如何让HTML元素“活“起来,重构你的开发体验!
前端·重构·html
爱上妖精的尾巴9 小时前
6-5 WPS JS宏 集合成员迭代(随机生成试题)
开发语言·前端·javascript
是你的小橘呀9 小时前
React 组件通信:组件间的 "悄悄话" 指南
前端·javascript
ycgg9 小时前
Webpack vs Vite 根本设计原理深度解析:为什么两者差异这么大?
前端
xrkhy9 小时前
canal1.1.8+mysql8.0+jdk17+rabbitMQ+redis的使用02
前端·redis·rabbitmq
Han.miracle9 小时前
HTML 核心基础与常用标签全解析
前端·html
几何心凉9 小时前
AI推理加速:openFuyao算力释放的核心引擎
前端
abcefg_h9 小时前
GO Web开发详细流程(无框架,restful风格,MVC架构)
开发语言·前端·golang
码界奇点9 小时前
基于Spring Cloud Alibaba与Vue.js的分布式在线教育系统设计与实现
前端·vue.js·分布式·spring cloud·架构·毕业设计·源代码管理
fruge9 小时前
Web Components 封装实战:打造可复用的跨框架组件
前端