美文网首页文艺小菜
vue项目:实现路由懒加载

vue项目:实现路由懒加载

作者: 文艺小菜 | 来源:发表于2020-07-07 18:21 被阅读0次

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

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

    相关文章

      网友评论

        本文标题:vue项目:实现路由懒加载

        本文链接:https://www.haomeiwen.com/subject/dxszqktx.html