vue 中使用wow.js

wow.js可以在页面向下滚动时加载css动画,并且可以触发animate.css的动画效果。

wow.jsGitHub地址:https://github.com/matthieua/WOW

wow.js官网:https://www.delac.io/wow/docs.html

在vue中使用:

首先install:

npm install wowjs --save

执行完该操作之后animate.css也可以使用了

在main.js中引入

import wow from 'wowjs'

import 'animate.css'

main.js再加入Vue.prototype.$wow=wow,这样我们可以在组件中通过this.$wow使用wow.js

当然也可通过在组件中使用import wow from 'wowjs' 或者import {wow} from 'wowjs'来使用。

一个vue组件列子:


完整列子:https://gitee.com/cheng1225/vue-wow

你可能感兴趣的:(vue 中使用wow.js)