v-animate-m

npm i v-animate-m

// 1. 全局注册指令

import Vue from "vue";
import "animate.css"; // 4.x的版本
import animateM from 'v-animate-m'

Vue.use(animateM)

// 2. vue组件中使用

<div v-animate-m="'fadeIn'"></div> // 字符串形式

<div v-animate-m="{name:'fadeIn'}"></div> // 对象形式

<div v-animate-m="{name:'fadeIn',delay:'1s'}"></div> // 延迟加载(单位s或ms)

<div v-animate-m="{name:'fadeIn',duration:'1.5s'}"></div> // 持续时间(单位s或ms) 

<div class="block block4 bg-orange" v-animate-m.repeat="{name:'fadeInBottomRight',delay:'0.1s'}"
    ></div> // 重复加载