A Vue.js components to dynamic increase or decrease for number
import Vue from 'vue'
import vueNumTo from 'vue-num-to'
Vue.use(vueNumTo)
or
<script src="vue.min.js"></script>
<!-- must place this line after vue.js -->
<script src="vue-num-to.min.js"></script>
Property |
Description |
Type |
Default |
value |
binging value |
Number |
0 |
startVal |
the value you want to begin at |
Number |
0 |
endVal |
the value you want to arrive at |
Number |
current year |
duration |
duration in millisecond |
Number |
3000 |
autoplay |
when mounted autoplay |
Boolean |
true |
prefix |
the prefix |
String |
'' |
suffix |
the suffix |
String |
'' |
separator |
the separator |
String |
, |
decimals |
the number of decimal places to show |
Number |
0 |
decimal |
the split decimal |
String |
. |
ease |
is use easing function |
Boolean |
true |
easeMethod |
the easing function |
Function |
— |
Name |
Description |
start |
start the vue-num-to |
pause |
pause the vue-num-to |
resume |
resume the vue-num-to |
reset |
reset the vue-num-to |
pauseResume |
resume / resume the vue-num-to |
Name |
Description |
complete |
when completed will emit |