vue实现数字滚动 vue-count-to

vue实现数字滚动 vue-count-to

• 第一步先安装插件：npm install vue-count-to

导入如下：

<template>
  <countTo :startVal='startVal' :endVal='endVal' :duration='duration'></countTo>
</template>
 
<script>
  import countTo from 'vue-count-to';
  export default {
    
    
    components: {
    
     countTo },
    data () {
    
    
      return {
    
    
        // 需要滚动的时间
        duration: 3000,
        // 初始值
        startVal: 0,
        // 最终值
        endVal: 20000
      }
    }
  }
</script>