vue路由懒加载

懒加载:也叫延迟加载,即在需要的时候进行加载,随用随载。    

使用懒加载的原因: vue是单页面应用,使用webpcak打包后的文件很大,会使进入首页时,加载的资源过多,页面会出现白屏的情况,不利于用户体验。运用懒加载后,就可以按需加载页面,提高用户体验。

整个网页默认是刚打开就去加载所有页面,路由懒加载就是只加载你当前点击的那个模块。

按需去加载路由对应的资源,提高首屏加载速度

正常写法

import Login from "../components/Login.vue";

路由懒加载写法


const Login= () => import('../components/Login.vue') 

你可能感兴趣的:(vue.js,javascript,前端)