How to use?
npm install vue-count-to
Example:
<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: 2017
}
}
}
</script>
vue-count-to 是一个无依赖性、轻量级的vue组件,通过设置:endVall 和 :startVall 会自动判断计数和倒数, :duration='3000'是指完成动画的时间。