第一步 安装组件
cnpm i wowjs -S
第二步 在main.js引入
这里我要说明的是,很多人百度搜索使用wowjs却没有效果!
原因是animation.css的引入问题,我将animation单独拿出来然后引入:这里
import wow from 'wowjs'
import "./assets/css/animation.css"
Vue.prototype.$wow=wow
第三步 使用
<template>
<div id="app">
<div>
<section class="wow slideInLeft " data-wow-duration="1s">12312312</section>
<section class="wow slideInLeft " data-wow-duration="2s">12312312</section>
</div>
</div>
</template>
<script>
export default {
data() {
return { }
},
mounted(){
new this.$wow.WOW().init()
}
}
</script>
爱我你怕了吗?