vue-count-to 数字滚动插件

420 阅读1分钟

vue-countTo是一个无依赖、轻量级的vue组件,可以自己轻松覆盖。您可以设置startVal和endVal,它将自动判断向上计数或向下计数。它支持vue ssr。它是向countUp.js学习

下载插件: npm i vue-count-to

基本使用:

<template>
  <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>
 
<script>
  import countTo from 'vue-count-to';
  export default {
    components: { countTo },
    data () {
      return {
        startVal0,
        endVal2017
      }
    }
  }
</script>