vue3.0+ts+wow.js+animate.css

1.安装wow.js

npm install wow.js --save
# or
yarn add wow.js

2.安装animate.css

npm install animate.css --save
# or
yarn add animate.css

3.在 main.ts/main.js 中配置 animate.css

import 'animate.css'

import 'animate.css/animate.compat.css'

4.在app.vue中声明

<template>

  <router-view/>

</template>

<script lang="ts" setup>

import WOW from "wow.js";

import { onMounted } from 'vue';

    onMounted(() => {

      console.log(123)

      var wow = new WOW({

        boxClass: "wow", // animated element css class (default is wow)

        animateClass: "animated", // animation css class (default is animated)

        offset: 0, // distance to the element when triggering the anima