vue中的懒加载和按需加载,包括路由懒加载,子组件懒加载

本文介绍了Vue应用中的懒加载技术,包括路由懒加载、子组件懒加载和全局懒加载。通过懒加载,可以显著减少初始加载时的文件大小,提升用户体验,避免首页加载过慢的问题。详细展示了如何实现路由、组件和全局的懒加载配置。
摘要由CSDN通过智能技术生成

一、 什么是懒加载

      懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。

二、为什么需要懒加载

      在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,而运用懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时

 

1.路由懒加载:

 

export default new Router({

routes:[

{

path: '/my',

name: 'my',

//懒加载

component: resolve => require(['

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值