为何使用路由懒加载,什么是路由懒加载?
根据Vue文档进阶篇的描述,使用路由懒加载是为了让页面渲染的更快,让根组件的体积变小。 Vue进阶篇的文档地址: router.vuejs.org/zh/guide/ad…
步骤: 1.使用
component: Login
// 改成这个写法
component: () => import('@/views/Login.vue')
2.再次运行后观察app.js的大小
路由拦截器, 可以让页面不上来都被引入到webpack里一起打包插入到浏览器运行
等待使用时, 再去循环对应页面组件
什么是路由懒加载?
- 路由规则匹配后, 再加载对应js代码