第一步 安装组件

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>

爱我你怕了吗?

03-05 16:40