使用的混入,这个使用的是关键帧的形式来分片加载,可以优化白屏时间
export default function(maxFraneCount) {
return {
data() {
return {
frameCount: 0
}
},
mounted() {
const refreshFrameCount = () => {
requestAnimationFrame(() => {
this.frameCount++
if (this.frameCount < maxFraneCount) {
refreshFrameCount()
}
})
}
refreshFrameCount()
},
methods: {
defer(showInFrameCount) {
return this.frameCount >= showInFrameCount
}
}
}
}