相信很多新手小伙伴都会遇到这样一个问题，就是当我的项目制作完成发现，页面加载时间很长的问题，下面我为大家分享一下解决办法：
（如果解决小伙伴的问题，请帮忙给我点个赞吧，谢谢！！！）
1，首先说一下入口文件main.js ,我们在开发的时候千万不要把用到的所有ui框架、css文件、js文件都一口气的在main.js 中引入，因为vue是单页面应用，势必会在开始加载的时候把main.js中所有需要的引入全部加载。我们最好是哪个组件用到了，就在哪个组件中引入，这样会减少一些加载时间。
2，下面我要说的就是路由的懒加载，办法有很多种，不过我觉得，我的这种办法是比较快的，也简单。
通常引入的方式：
路由的懒加载顾名思义就是用到哪个组件，就加载哪个组件，引入的方式如下：
配置的方式不变还是和平时一样：
这样做还有个好处就是打包以后，体积会变小哦！
路由 和 组件 的常用两种懒加载方式：1、vue异步组件实现路由懒加载component：resolve=>(['...
vue中组件懒加载的方法 1.异步实现路由懒加载 2.import(推荐使用这种方式) 同理，路由懒加载和组件懒加...
1.vue异步组件实现懒加载方法如下：component：resolve=>(require([‘需要加载的路由的...
实现vue路由懒加载的几种方式 [1]const home = r => require.ensure([], (...
vue路由懒加载 1.vue路由懒加载解决的什么 问题：解决打包后文件过大的问题，从而优化页面加载，提升性能 注意...
路由的懒加载：就是需要的时候在加载 这种写法就能实现路由的懒加载
webpack支持amd、commonJS、es6这三种模块语法，因此vue实现动态路有3种方式： 1. 使用AM...
vue路由懒加载及组件懒加载 一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白...
1、设置路由懒加载 importVuefrom'vue'importRouterfrom'vue-router'V...
VUE路由懒加载及组件懒加载一、为什么要使用路由懒加载为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问...
本文标题：vue 实现路由的懒加载
本文链接：https://www.haomeiwen.com/subject/oskhhctx.html
网友评论