vue项目:实现路由懒加载

当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。

{
path: '/homePage',
component: () => import('路径'), // 路由懒加载
children: [
// 首页
{
path: 'home',
name: '软件名称',
component: () => import('路径'),
meta: {
requireAuth: false // 表明该路由是否需要登录验证
}
},
}

你可能感兴趣的:(vue项目:实现路由懒加载)