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 

相关文章： 制作旅游网站html,怎样注册旅游网站？  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  已有域名能否直接搭建网站？  建站之星logo尺寸如何设置最合适？  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  如何通过建站之星自助学习解决操作问题？  北京网站制作的公司有哪些,北京白云观官方网站？  javascript基本数据类型及类型检测常用方法小结  建站168自助建站系统：快速模板定制与SEO优化指南  黑客如何通过漏洞一步步攻陷网站服务器？  建站之星图片链接生成指南：自助建站与智能设计教程  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  建站主机核心功能解析：服务器选择与网站搭建流程指南  定制建站如何定义？其核心优势是什么？  香港服务器如何优化才能显著提升网站加载速度？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  电商平台网站制作流程,电商网站如何制作？  如何通过wdcp面板快速创建网站？  北京制作网站的公司,北京铁路集团官方网站？  如何快速搭建高效简练网站？  大连网站制作公司哪家好一点,大连买房网站哪个好？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  如何确认建站备案号应放置的具体位置？  网站代码制作软件有哪些,如何生成自己网站的代码？  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍？  关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)  怎么将XML数据可视化 D3.js加载XML  ,sp开头的版面叫什么？  网站广告牌制作方法,街上的广告牌，横幅，用PS还是其他软件做的？  建站之星会员如何解锁更多建站功能？  如何用虚拟主机快速搭建网站？详细步骤解析  实例解析Array和String方法  免费网站制作appp,免费制作app哪个平台好？  定制建站哪家更专业可靠？推荐榜单揭晓  为什么Go需要go mod文件_Go go mod文件作用说明  建站之星安装后如何自定义网站颜色与字体？  如何在VPS电脑上快速搭建网站？  如何快速搭建虚拟主机网站？新手必看指南  建站之星安装提示数据库无法连接如何解决？  如何选择高效稳定的ISP建站解决方案？  建站之星代理商如何保障技术支持与售后服务？  建站之星如何实现网站加密操作？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  网站制作公司排行榜,四大门户网站排名？  如何正确选择百度移动适配建站域名？  建站主机功能解析：服务器选择与快速搭建指南  天河区网站制作公司,广州天河区如何办理身份证？需要什么资料有预约的网站吗？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  如何快速生成专业多端适配建站电话？