Lazy Loading Routes【vue路由懒加载】

【撸花裤衩的vue项目文章二----文章直通车

那些使用较少的路由组件不必打包进bundles里,只需要在路由被访问时按需加载。是不是有点类似于热更新原理

博客参考
路由懒加载API直通车
API直通车

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

根据用户登录后的角色判断用户可访问路由,生成路由表【动态生成路由表吗?】
调用router.addRoutes(store.getters.addRouters)动态添加路由。
使用vuex管理路由表,根据vuex中可访问的路由渲染侧边栏组件

知识扩展:

vue异步组件
webpack的代码分割功能

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值