vue-count-to 数字滚动插件，简单好用

 1、安装 

npm install vue-count-to

2、使用，可在main文件导入也可以在需要使用的页面导入

import CountTo from 'vue-count-to'

如果项目main是ts文件，import有可能会报错如果报错，则在tsconfig.ts文件中compilerOptions对象下写入

"noImplicitAny": false,

"allowJs": true,

main文件中声明  Vue.component('CountTo',CountTo);

<template>
  <CountTo :startVal='startVal' :endVal='endVal' :duration='5000'></CountTo>
</template>

<script>
  export default {
    components: {},
    data () {
      return {
        startVal: 1000,
        endVal: 7688
      }
    }
  }
</script>

如果需要匀速滚动则需要调用缓和回调

 easingFn(process, startVal, sub, duration) {
      return startVal + sub * (process / duration);
 },

需要指定：初始值startVal，结束值endVal，滚动的时间间隔duration，也就是完成一次滚动所需要的时间。

Property	Description	type	default
startVal	开始值	Number	0
endVal	结束值	Number	2017
duration	持续时间，以毫秒为单位	Number	3000
autoplay	自动播放	Boolean	true
decimals	要显示的小数位数	Number	0
decimal	十进制分割	String	.
separator	分隔符	String	,
prefix	前缀	String	''
suffix	后缀	String	''
useEasing	使用缓和功能	Boolean	true
easingFn	缓和回调	Function	—

** 注意：当autoplay：true时，它将在startVal或endVal更改时自动启动**

Function Name	Description
mountedCallback	挂载以后返回回调
start	开始计数
pause	暂停计数
reset	重置countTo

gitHub地址：GitHub - PanJiaChen/vue-countTo: It's a vue component that will count to a target number at a specified duration https://panjiachen.github.io/countTo/demo/