第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>

 

发表评论

邮箱地址不会被公开。 必填项已用*标注