Vue项目首屏加载速度优化

一、路由懒加载1、提升用户体验的功能，提高首屏组件加载速度，解决白屏问题2、代码示例2.1无路由懒加载importVuefrom'vue'importRouterfrom'vue-router'importHelloWorldfrom'@/components/HelloWorld'Vue.use(Router)exportdefaultnewRouter({routes:[{path:'/',name:'HelloWorld',component:HelloWorld}]})2.2使用路由延迟加载importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaultnewRouter({routes:[{path:'/',name:'HelloWorld',//方法一：vue异步组件实现//component:resolve=>(require(['@/components/HelloWorld'],resolve))//方法二：import方法（常用）component:()=>import('@/components/HelloWorld')}]})2.设置价格懒加载1.代码示例1.1原始写法