轻量级数字动画插件countup.sj的使用

1.下载countup.js

2.项目中使用

<script setup lang="ts">
//导入使用
import { CountUp } from 'countup.js'

//拿到我们待使用节点的dom
const countOneRef = ref<HTMLElement>()


//使用onMounted确保在元素节点生成后开始使用
onMounted(() => {
//创建CountUp的实例对象
//参数一：执行动画的元素
//参数二：数字增加到指定参数
//参数三：动画的其他配置
  const countUpOne = new CountUp(countOneRef.value!, props.number1, {
    动画参数配置
})
  //开始执行
  countUpOne.start()
})