61、使用 Vue 的时候一下加载造成页面卡顿，该如何解决?(必会)

vue-router 解决首次加载缓慢的问题。懒加载简单来说就是按需加载

1、像 vue 这种单页面应用，如果没有应用懒加载，运用 webpack 打包后的文件将会异常的大，造成进入首页时， 需要加载的内容过多，时间过长，会出现长时间的白屏，即使做了 loading 也是不利于用户体验。

2、而运用懒加载 则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时。

3、用法：在配置路由时使用：component:resolve=>require([“@components/路由的路径”]，resolve)。 就是用了懒加载后打完包直接运行那个 index.html 会报错，报文件引用错误其实是打包时候路径配置有点问 题，找到 build 下面的 webpack.prod.conf.js添加publicPath："./"。