wowjs

cnpm i wowjs -S

• main.js

import "animate.css";

• Home.vue

import { WOW } from "wowjs";
export default {
  mounted() {
    new WOW({ live: false }).init();
  },
}

• template中

<div class="wow lightSpeedIn"></div>

class中的wow是固定写法，第二个就是从animate.css中找的动画名称

有一个缺陷，这种动画只能触发一次