vue-tween-number

vue-tween-number

A Vue component that tweens changes to it's value.

Usage

// Add the component
Vue.component('tween-num', require('vue-tween-number'));

<!-- Simple example -->
<tween-num :value='10'></tween-num>

<!-- Show 2 decimal places and full options -->
<tween-num
	:value='2000'
	:initial='0'
	:duration='500'
	easing='easeOutQuart'
	:formatter='val => val.toLocaleString("en", {minimumFractionDigits: 2, maximumFractionDigits: 2})'>
</tween-num>