Vue的懒加载是一种优化技术,用于延迟加载页面中的组件或路由。它可以帮助减少初始页面加载时间,提升用户体验。
在Vue中,你可以使用动态导入(Dynamic Import)来实现懒加载。通过将组件或路由包装在import()函数中,并在需要时动态加载,可以将组件的加载推迟到实际需要使用它们的时候。
下面是一个使用懒加载的示例:
import Home from "../views/Home.vue"; const routes: Array<RouteRecordRaw> = [ { path: "/about", name: "About", // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import(/* webpackChunkName: "about" */ "../views/About.vue"), }, ];