VUE数字动画

vue-animate-number插件动态展示数字

动态数字效果案例: https://wangdahoo.github.io/vue-animate-number

1. 第一步：安装vue-animate-number插件

$ npm install vue-animate-number

2. 第二步：main.js中引入

import Vue from 'vue'
import VueAnimateNumber from 'vue-animate-number'
Vue.use(VueAnimateNumber)

3. 第三步：在页面中使用

<template>
  <div>
  
    <animate-number
      from="1" 
      to="10" 
      duration="1000" 
      easing="easeOutQuad"
      :formatter="formatter"