Vue中使用vue-countTo组件

效果图：

 下载：

cnpm i -S vue-count-to

使用：

<template>
    <div>
      <countTo
        ref="ref_countTo"
        :startVal="startVal"
        :endVal="endVal"
        :duration="3000"
        style="color: white; font-size: 30px; color: pink"
        prefix="¥"
        suffix="元"
        :decimals="2"
        :autoplay="false"
        separator=","
        decimal="."
        @mountedCallback="testCounto"
      ></countTo>
    <div/>
</template>

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

目前暂停滚动后，再恢复滚动的功能没有实现。现在恢复滚动直接就从startVal开始了