页面渲染时显示数字逐步累加的过程

用法：

<Counter :value="personValue[it.value]" />

组件

<script setup lang="ts">
  const props = defineProps<{}>();

  const dataValue = computed(() => props.value ?? 0);
  const counter = useTransition(dataValue, {
    duration: 1500,
  });
</script>

<template>
  <el-statistic :value="counter" :value-style="{ color: '#ffffff' }" />
</template>

<style scoped lang="less"></style>