动态组件 + 异步组件，让你的 Vue 应用起飞

你是不是也遇到过这种情况：应用越做越大，页面打开越来越慢，用户开始抱怨卡顿？明明代码写得没问题，可性能就是上不去。

别担心，今天我要分享的 Vue 动态组件和异步组件技巧，能让你的应用性能瞬间起飞！看完本文，你将掌握 3 大核心技巧，轻松解决组件加载性能问题。

为什么你的 Vue 应用越来越慢？

先来看个真实场景：一个后台管理系统有几十个功能模块，如果一次性加载所有组件，首屏加载时间可能达到 5 秒以上！用户每次打开都要看着空白页面干等，体验极差。

requestIdleCallback 把主线程空闲时间变成性能利器

浏览器每帧 16.67 ms，渲染之外常有"垃圾时间"；如何把埋点、预加载、长计算悄悄塞进这段空隙，而不卡动画？requestIdleCallback 就是答案。

一、它到底是啥？

const id = requestIdleCallback(callback, { timeout: 1000 });