1. vue-numbers-animation

vue-numbers-animation

Installation

 $ npm install --save vue-numbers-animation

Usage

Just import:

 import numbersAnimation from 'vue-numbers-animation'
Vue.directive("numbers-animation", numbersAnimation)

And use:

 // default animation is linear
// default time is 1000
<div v-numbers-animation="count"></div> 

image

or

 <div v-numbers-animation:easeOutElastic="{value: count, time: 2500}"></div>

image

Animations

image