vue-count-to数字动效自增长

可以设置动画时间、数字分隔符、数字小数点、数字起始值的轻量vue数字插件，demo如下：

 http://panjiachen.github.io/countTo/demo/

1、安装依赖

npm install vue-count-to

2、使用

<template>
  <countTo ref="myNum" :startVal="startVal" :endVal="endVal" :duration="3000"></countTo>
</template>

<script>
  import countTo from 'vue-count-to';
  export default {
    components: { countTo },
    data () {
      return {
        startVal: 0,
        endVal: 666
      }
    }
  }
</script>

3.参数

属性	描述
startVal	开始值
endVal	结束值
duration	持续时间，以毫秒为单位
autoplay	自动播放
decimals	要显示的小数位数
decimal	十进制分割
separator	分隔符
prefix	前缀
suffix	后缀
useEasing	使用缓和功能
easingFn	缓和回调

4.方法

属性	描述
mountedCallback	挂载以后返回回调
start	开始计数
pause	暂停计数
reset	重置countTo

方法使用

this.$refs.myNum.start();