vue的路由懒加载

官方解释

• 当打包构建应用时, Javascript包会变得非常大,影响页面加载
• 如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了

卫生么要使用懒加载

• 首先,我们知道路由中通常会定义很多不同的页面
• 这个页面最后被打包在哪里呢? -般情况下，是放在一个js文件中
• 但是,页面这么多放在一个js文件中, 必然会造成这个页面非常的大
• 如果我们一次性从服务器请求下来这个页面,可能需要花费一-定的时间, 甚至用户的电脑上还出现了短暂空白的情况.
• 为了避免这种情况呢需要使用路由懒加载

路由懒加载做了什么?

• 路由懒加载的主要作用就是将路由对应的组件打包成一个个的js代码块.
• 只有在这个路由被访问到的时候,才加载对应的组件

使用路由懒加载

请输入图片描述

从图片上可以看出，每个路由懒加载都会打包成一个js文件，在这个路由被访问到的时候,执行对应的js文件，加载对应的组件。

其他vue-router文章

vue-router的安装和配置方式
将router修改为HTML5的history模式 & router-link的其他属性
vue的动态路由
vue的路由懒加载
vue路由的嵌套
vue-router参数传递
vue-router导航守卫
vue-router的keep-alive