vue中wowjs的使用

第1步：安装wow.js,在控制里面执行命令

cnpm install wowjs --save-dev

执行这个命令会自动的安装上wow.js

第2步：当命令执行完之后我们去项目里面查看是否安装完成，找到项目根目录下的package.json文件在里面看看有没有wowjs

第3步：在vue里面引入wowjs，在src文件夹里面找到main.js里面加入代码

import 'animate.css'

第4步：在要是用的组件中引入wowjs，比如index.vue

<script>
import {WOW} from 'wowjs';
export default {
    data() {
        return {
        };
    },
    components: {},
    created() {
    },
    mounted() {
        new WOW({live: false}).init();
    }
}
</script>

第5步：在页面中使用

<div data-wow-delay="0.5s" class="wow rollIn"></div>
<div class="wow fadeInLeft" data-wow-duration="1s" data-wow-delay="1s"></div>