优化功能-路由懒加载

103 阅读1分钟

为何使用路由懒加载,什么是路由懒加载?

根据Vue文档进阶篇的描述,使用路由懒加载是为了让页面渲染的更快,让根组件的体积变小。 Vue进阶篇的文档地址: router.vuejs.org/zh/guide/ad…

步骤: 1.使用

component: Login
// 改成这个写法
component: () => import('@/views/Login.vue')

2.再次运行后观察app.js的大小

路由拦截器, 可以让页面不上来都被引入到webpack里一起打包插入到浏览器运行

等待使用时, 再去循环对应页面组件

什么是路由懒加载?

  • 路由规则匹配后, 再加载对应js代码