Vue懒加载,解决首页加载进入较慢的问题

Vue懒加载,解决首页加载进入较慢的问题

因为之前的项目是没有用懒加载的,加上前期开发的不规范的问题,整个项目到最后已经非常的臃肿,而在最新一次的需求增加中,产品的同志要求新窗口打开一个详情界面,但是问题就来了,因为项目非常的臃肿,所以新窗口打开,项目重新加载自然就很慢了,然后就想到了用懒加载来解决。
话不多说,直接上代码:

先看没有添加懒加载的:

在这里插入图片描述
之前的项目一直是采用这种方式,加上是别人写的代码也懒得更改,但是现在为了满足新的需求只能更改了。

加入懒加载后的配置

以在这里插入图片描述
在这里插入图片描述

以上的配置都是在 router / index.js 里面配置的

到这里配置已经完成了,测试了一下首页进入的速度确实快了好多
好了,我要去继续码代码了

注:原创作品,转载需标注
(有问题欢迎各位指导和交流 ~)

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值