VUE使用wow.js(个人笔记)

777 阅读1分钟

安装依赖

cnpm i wowjs --save-dev

2.需要使用的页面单独引入

import { WOW } from "wowjs";元素类名使用 wow slideInUp  使用wow开头 这个是从下往上的动画,具体看文档  <div class="wow slideInUp">首页</div>

3.对应在vue声明周期mounted初始化wow 不加live会出现警告

 mounted() {   new WOW({ live: false }).init();  },

4.在根目录的index.html文件里面引入动画文件

  <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css">

5.对于获取的后端数据,使用watch监听

6. this.$nextTick(()=>{}) 监听数据在dom渲染完毕后再初始化wow或者其他类似的场景