useRaf.md

useRaf

Vue animation hook that forces component to re-render on each requestAnimationFrame, returns percentage of time elapsed.

Usage

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

const Demo = {
  setup(){
      const elapsed = useRaf(5000, 1000);

      return () => (
          <div>
              Elapsed: {elapsed}
          </div>
      );
  }
};

Reference

useRaf(ms?: number, delay?: number): number;

• ms — milliseconds for how long to keep re-rendering component, defaults to 1e12.
• delay — delay in milliseconds after which to start re-rendering component, defaults to 0.