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

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


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


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

# vue.js # webpack # javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue