路由懒加载,组件懒加载(未完成)

why?

懒加载:也叫延迟加载,即在需要的时候进行加载,随用随载。在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,而运用懒加载则可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时,组件懒加载同理

how?


路由懒加载,组件懒加载(未完成)_第1张图片
vue路由懒加载的基础用法


路由懒加载,组件懒加载(未完成)_第2张图片
路由懒加载的第二种写法


就是用了懒加载后打完包直接运行那个index.html会报错,报文件引用错误其实是打包时候路径配置有点问题修改下就好了


路由懒加载,组件懒加载(未完成)_第3张图片
编译报错修改路径

你可能感兴趣的:(路由懒加载,组件懒加载(未完成))