useTween.md

useTween

Vue animation hook that tweens a number between 0 and 1.

Usage

import {useTween} from 'vue-next-use';

const Demo = {
  setup(){
      const t = useTween();

      return () => (
          <div>
              Tween: {t}
          </div>
      );
  }
};

Reference

useTween(easing?: string, ms?: number, delay?: number): number

Returns a number that begins with 0 and ends with 1 when animation ends.

• easing — one of the valid easing names, defaults to inCirc.
• ms — milliseconds for how long to keep re-rendering component, defaults to 200.
• delay — delay in milliseconds after which to start re-rendering component, defaults to 0.