Countup.js：vue-countup-v2（npm）数字滚动插件

1、官方地址：http://inorganik.github.io/countUp.js/

2、官方demo：

3、参数说明：

params——start（开始数字）、end（结束数字）、decimals（小数位数）、duration（持续时间）

options——useEasing（设置宽松）、useGrouping（是否使用千位分隔符）、separator（千位分隔符）、decimal（小数点分隔符）、prefix（前缀符）、suffix（后缀符，可以加单位）

methods——start（开始）、pause/resume（暂停/重新开始）、reset（重置）、update（更新到该值）

4、vue代码：

 

<i-count-up
    :start="0"
    :end="total"
    :decimals="0"
    :duration="2.5"
    :options="options"
></i-count-up>

 

import ICountUp from 'vue-countup-v2'

export default {
    name: 'dashboard',
    data () {
      return {
        options: {
          useEasing: true,
          useGrouping: true,
          separator: ',',
          decimal: '.',
          prefix: '',
          suffix: ''
        },
        total: 100
      }
    }
}