## [Demo](https://wangdahoo.github.io/vue-animate-number/)
#### install
``bash`
$ npm install vue-animate-number
#### as a vue plugin
`js`
import Vue from 'vue'
import VueAnimateNumber from 'vue-animate-number'
Vue.use(VueAnimateNumber)
#### examples
` html
to="10"
duration="1000"
easing="easeOutQuad"
:formatter="formatter"
>
`
> more easing effects: https://github.com/jeremyckahn/shifty/blob/master/src/easing-functions.js
> more examples: https://github.com/wangdahoo/vue-animate-number/blob/master/index.html
html
mode="auto"
duration="1000"
:from="from"
:to="to"
from-color="#44CC00"
to-color="#ec4949"
:formatter="formatter"
:animate-end="animateEnd">
`
| prop name | type | description | default | required |
|-----|-----|-----|-----|-----|
| mode | string | auto or manual, trigger animation immediately or not | auto | N |
| from | number | value, at which animate starts | - | Y |
| to | number | value, at which animate ends | - | Y |
| fromColor | string | start color for gradient, in hex format | - | N |
| toColor | string | end color for gradient, in hex format | - | N |
| formatter | Function | value formatter for number in every step during the animation | parseInt` | N |