项目第一次打开非常慢,尤其是组件特别多的时候,有什么优化的点:
懒加载方法: 就是为了解决首屏加载过慢的问题
懒加载是什么:就是不在路由文件开始就用import导组件,而是当你点到某个路径时,才会加载:
写法:拿“/center”路径说
取消import导入法:
// import CenterView from '../views/CenterView.vue'
换成回调函数导入法:
- {
- path: '/center',
- component: () => import('../views/CenterView.vue'),
- meta: {
- isKerwinRequired: true
- }
- },