路由懒加载

liuhongboke

于 2022-08-01 16:23:19 发布

阅读量227

点赞数

CC 4.0 BY-SA版权

分类专栏： vue实战文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/liuhongboke/article/details/126103783

16 篇文章

订阅专栏

本文介绍了如何通过路由懒加载来优化Vue应用的性能，特别是在组件数量较多时。通过将`import`语句注释掉，并改用函数形式的动态导入，可以实现按需加载组件，从而减少初始加载时间，改善用户体验。这种方法尤其适用于大型项目，以解决页面加载缓慢的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

注释掉路径导入

// import Login from '@/views/login.vue'

直接编写以下代码就是路由懒加载了（函数写法）

const routes = [
		    {
		        path:'/login',
		        component:   ()=>import('@/views/login.vue')
		    }
]

路由懒加载解决的性能优化问题：
1.组件页面比较多的时候，页面加载特别慢的情况