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

插件countup.sj的使用"/>

轻量级数字动画插件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()
})