引用方式

import ftCountTo from 'ft-count-to'; // 引入的组件

const app = createApp(App);

app.use(ftCountTo).mount('#app');
...
// 组件使用
<countTo :startVal="0" :endVal="2022" :duration='3000'></countTo>

<template>
  <countTo :startVal="0" :endVal="2022" :duration='3000'></countTo>
</template>
<script setup>
  import { countTo } from 'ft-count-to';
</script>

Options

| Property | Description | type | default | | ----------------- | ---------------- | :--------: | :----------: | | startVal | the value you want to begin at |Number| 0 | | endVal | the value you want to arrive at |Number | 2022 | | duration | duration in millisecond | Number | 3000 | | autoplay | when mounted autoplay | Boolean | true | | decimals | the number of decimal places to show | Number | 0 | | decimal | the split decimal | String | . | | separator | the separator | String | , | | prefix | the prefix | String | '' | | suffix | the suffix | String | '' | | useEasing | is use easing function | Boolean | true | | easingFn | the easing function | Function | — |

** notes: when autoplay:true , it will auto start when startVal or endVal change **

Functions

| Function Name | Description | | :-----------------: | ----- | | mountedCallback | when mounted will emit mountedCallback | | start | start the countTo | | pause | pause the countTo | | reset | reset the countTo |