vue项目白屏优化方式requestAnimationFrame

import {ref,onBeforeUnmount} from 'vue';

export function useDefer3(maxFrameCount = 1000) {
    //当前帧率
    const frameCount = ref(0);

    //更新当前帧率
    const refreshFrameCount=()=>{   
        // 每一次 requestAnimationFrame 就计数加一
       requestAnimationFrame(()=>{
        console.log('frameCount.value',frameCount.value);
        frameCount.value++;
        if(frameCount.value<maxFrameCount){
            refreshFrameCount();
        }})
    }
    refreshFrameCount();
    //当前多少整渲染
    return function defer(n){
      return frameCount.value >n;
    }
}