1.开发环境vue2.电脑系统windows10专业版越来越多，像vue这样的单页应用如果不使用延迟加载，运行打包后的文件会非常大。加载也不利于用户体验，使用懒加载可以分页，需要的时候再加载。下面分享三种懒加载的使用方法。4、方法一：vue异步组件技术（asynchronousloading）vue-royer配置路由，使用vue异步组件技术，可以实现按需加载，但是这种情况下，一个组件生成一个js文件{path:'/my'，名称：'my'，组件：resolve=>require(['../views/my.vue'],resolve)}5。方法二：组件懒加载（使用import）constcomponentname=()=>import('componentpath');//不指定webpackChunkName，将每个组件打包成一个js文件constHome=()=>import('../views/home.vue')//指定相同的webpackChunkName，将合并打包成一个js文件//按组件划分constHome=()=>import(/*webpackChunkName:"home"*/'../views/home.vue')constAbout=()=>import(/*webpackChunkName:"home"*/'../views/home.vue')constMy=()=>import(/*webpackChunkName:"home"*/'../views/home.vue'){path:'/about',component:About},{path:'/my',component:My},{path:'/home'，组件：主页}6。方法三：require.ensure()vue-router配置路由，利用webpack的require.ensure技术，同样可以实现按需加载。这样，指定相同chunkName的多条路由会被合并打包成一个js文件{path:'/home',name:'home',component:r=>require.ensure([],()=>r(require('../views/home.vue')),'home')},{路径：'/index'，名称：'Index'，组件：r=>require.ensure([],()=>r(require('../views/index.vue')),'home')},{路径：'/about'，名称：'about'，组件：r=>require.ensure([],()=>r(require('@/views/about.vue')),'about')}//risresolveconstlist=r=>require.ensure([],()=>r(require('../views/list.vue')),'list');//这是模块7懒加载写的官方推荐，本期分享到此结束，希望对大家有所帮助你帮忙，让我们一起努力达到顶峰。
