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 分钟前
uView Plus + Vue3 + TypeScript + UniApp 正确引入 UnoCSS(避坑版)
vue.js·typescript·uni-app
内存不泄露6 分钟前
基于Spring Boot和Vue的宠物医院管理系统设计与实现
vue.js·spring boot·信息可视化
xkxnq15 分钟前
第一阶段:Vue 基础入门(第 14天)
前端·javascript·vue.js
前端小臻15 分钟前
列举react中类组件和函数组件常用到的方法
前端·javascript·react.js
筱歌儿21 分钟前
TinyMCE-----word表格本地图片转base64并上传
前端·word
0思必得022 分钟前
[Web自动化] Selenium简单使用
前端·python·selenium·自动化·web自动化
2301_8187320623 分钟前
下载nvm后,通过nvm无法下载node,有文件夹但是为空 全局cmd,查不到node和npm 已解决
前端·npm·node.js
赵民勇25 分钟前
JavaScript中的this详解(ES5/ES6)
前端·javascript·es6
hhcccchh26 分钟前
学习vue第九天 计算属性与侦听器
前端·vue.js·学习
Irene199128 分钟前
Vue 3 中,defineComponent 提供了更好的 TypeScript 类型推断
vue.js·typescript·definecomponent