# CountTo 數字動畫組件 該組件對 [vue-countTo](https://github.com/PanJiaChen/vue-countTo) 進行了重構，改造成適配 vue3 語法的組件。 ## Usage ```vue <template> <CountTo prefix="$" :color="'#409EFF'" :startVal="1" :endVal="200000" :duration="8000" /> </template> <script lang="ts"> import { defineComponent } from 'vue'; import { CountTo } from '/@/components/CountTo/index'; export default defineComponent({ components: { CountTo, }, }); </script> ``` ## Props | 屬性 | 類型 | 默認值 | 說明 | | ---------- | --------- | -------- | -------------- | | startVal | `number` | `0` | 起始值 | | endVal | `number` | `2021` | 結束值 | | duration | `number` | `1500` | 動畫持續時間 | | autoplay | `boolean` | `true` | 自動執行 | | prefix | `string` | - | 前綴 | | suffix | `string` | - | 后綴 | | separator | `string` | `,` | 分隔符 | | color | `string` | - | 字體顏色 | | useEasing | `boolean` | `true` | 是否開啟動畫 | | transition | `string` | `linear` | 動畫效果 | | decimals | `number` | `0` | 保留小數點位數 | ## Methods | 名稱 | 回調參數 | 說明 | | ----- | ---------- | ------------ | | start | `()=>void` | 開始執行動畫 | | reset | `()=>void` | 重置 |