路由懒加载（按需加载）

分手后的思念是犯贱 2024-04-19 15:41 5阅读 0赞

[https://blog.csdn.net/sinat\_36263705/article/details/80078007][https_blog.csdn.net_sinat_36263705_article_details_80078007]

[https://blog.csdn.net/wang1006008051/article/details/78066810][https_blog.csdn.net_wang1006008051_article_details_78066810]

[https://www.cnblogs.com/xiaoxiaoxun/p/11001884.html][https_www.cnblogs.com_xiaoxiaoxun_p_11001884.html]

[https://blog.csdn.net/qq\_43653325/article/details/89519943][https_blog.csdn.net_qq_43653325_article_details_89519943]

[https://www.jianshu.com/p/876e1b85adb6][https_www.jianshu.com_p_876e1b85adb6]

比较常用的import

一、为什么要使用路由懒加载

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

二、定义

懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。

三、使用

常用的懒加载方式有两种：即使用vue异步组件 和 ES中的import  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGx5MTg_size_16_color_FFFFFF_t_70][]

[https_blog.csdn.net_sinat_36263705_article_details_80078007]: https://blog.csdn.net/sinat_36263705/article/details/80078007
[https_blog.csdn.net_wang1006008051_article_details_78066810]: https://blog.csdn.net/wang1006008051/article/details/78066810
[https_www.cnblogs.com_xiaoxiaoxun_p_11001884.html]: https://www.cnblogs.com/xiaoxiaoxun/p/11001884.html
[https_blog.csdn.net_qq_43653325_article_details_89519943]: https://blog.csdn.net/qq_43653325/article/details/89519943
[https_www.jianshu.com_p_876e1b85adb6]: https://www.jianshu.com/p/876e1b85adb6
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NhbGx5MTg_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/f57fbdf9a8f742f0a6c2a8ccc8ed21c1.png