vue数字滚动

1.安装依赖：

npm install vue-count-to -D

2.应用

<template>
  <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>

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

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

4.功能

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