vue2笔记 — vue-router路由懒加载的实现

在Web应用程序中，系统的瓶颈常在于系统的响应速度。如果系统响应速度过慢，用户就会出现埋怨情绪，系统的价值也因此会大打折扣。因此，提高系统响应速度，是非常重要的。

懒加载(Load On Demand)是一种独特而又强大的数据获取方法,它能够在用户滚动页面的时候自动获取更多的数据,而新得到的数据不会影响原有数据的显示,同时最大程度上减少服务器端的资源耗用。

用vue.js写单页面应用时，会出现打包后的JavaScript包非常大，影响页面加载，我们可以利用路由的懒加载去优化这个问题，当我们用到某个路由后，才去加载对应的组件，这样就会更加高效，实现代码如下：

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
 routes: [
  {
   path: '/',
   component: resolve => require(['components/Hello.vue'], resolve)
  },
  {
    path: '/about',
    component: resolve => require(['components/About.vue'], resolve)
  }
 ]
})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue  # router2  # 懒加载  # router  # vue2安装vue-router报错的解决方法  # vue2.0+vue-router构建一个简单的列表页的示例代码  # 详解从零搭建 vue2 vue-router2 webpack3 工程  # 详解vue2路由vue-router配置（懒加载）  # vue3使用vue-router及路由权限拦截方式  # Vue3使用vue-router如何实现路由跳转与参数获取  # Vue-Router在Vue2和Vue3中的使用示例详解  # 加载  # 就会  # 是一种  # 这个问题  # 当我们  # 非常重要  # 可以利用  # 非常大  # 大打  # 大家多多  # 应用程序  # 才去  # 而新  # 过慢  # 程度上  # component  # Demand  # Web  # components  # Load 

相关文章： 常州自助建站费用包含哪些项目？  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  学校为何禁止电信移动建设网站？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  建站之星安全性能如何？防护体系能否抵御黑客入侵？  浅析上传头像示例及其注意事项  如何快速辨别茅台真假？关键步骤解析  制作网页的网站有哪些,电脑上怎么做网页？  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  宝塔Windows建站如何避免显示默认IIS页面？  南平网站制作公司,2025年南平市事业单位报名时间？  如何用腾讯建站主机快速创建免费网站？  已有域名能否直接搭建网站？  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  ,交易猫的商品怎么发布到网站上去？  建站之星伪静态规则如何正确配置？  如何快速查询网址的建站时间与历史轨迹？  建站之星如何助力企业快速打造五合一网站？  香港网站服务器数量如何影响SEO优化效果？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  网站制作价目表怎么做,珍爱网婚介费用多少？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  香港服务器网站卡顿？如何解决网络延迟与负载问题？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  网站按钮制作软件,如何实现网页中按钮的自动点击？  网站设计制作公司地址,网站建设比较好的公司都有哪些？  如何彻底删除建站之星生成的Banner？  建站之星与建站宝盒如何选择最佳方案？  制作销售网站教学视频,销售网站有哪些？  如何用VPS主机快速搭建个人网站？  如何高效配置香港服务器实现快速建站？  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  视频网站app制作软件,有什么好的视频聊天网站或者软件？  制作网站怎么制作,*游戏网站怎么搭建？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  网站制作话术技巧,网站推广做的好怎么话术？  如何解决VPS建站LNMP环境配置常见问题？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  制作网站的公司有哪些,做一个公司网站要多少钱？  微信小程序 五星评分(包括半颗星评分)实例代码  家庭服务器如何搭建个人网站？  如何用西部建站助手快速创建专业网站？  建站主机类型有哪些？如何正确选型  制作假网页,招聘网的薪资待遇，会有靠谱的吗？一面试又各种折扣？  如何快速搭建个人网站并优化SEO？  网站制作需要会哪些技术,建立一个网站要花费多少？  5种Android数据存储方式汇总  如何在建站宝盒中设置产品搜索功能？  已有域名如何免费搭建网站？