Nonlinear Performance Magnification

    vue-ani-number
    TypeScript icon, indicating that this package has built-in type declarations

    0.1.4 • Public • Published

    vue-ani-number

    A Vue 3 component, provide a convenient and light-weight number animation.

    Demo

    avatar

    Requirements

    • vue.js 3.x

    Installation

    yarn add vue-ani-number
    

    or

    npm install vue-ani-number
    

    Usage

    • use plugin
    import { createApp } from 'vue';
    import App from './App.vue';
    import VueAniNumber from 'vue-ani-number'
    
    createApp(App).use(VueAniNumber).mount('#app');
    • animation would be triggered by number changes
    <template>
      <vue-ani-number :number="number" />
    </template>
    export default {
      name: "App",
      data() {
        return {
          number: 0
        }
      },
      mounted() {
        this.$nextTick(() => {
          this.number = 88888
          window.setTimeout(() => {
            this.number = 545876
          }, 5000)
        })
      }
    };

    Customize configuration

    See Configuration Reference.

    Install

    npm i vue-ani-number

    DownloadsWeekly Downloads

    0

    Version

    0.1.4

    License

    MIT

    Unpacked Size

    1.14 MB

    Total Files

    27

    Last publish

    Collaborators

    • imyth