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 

相关文章： 香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  微信小程序 input输入框控件详解及实例（多种示例）  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  利用JavaScript实现拖拽改变元素大小  如何用免费手机建站系统零基础打造专业网站？  建站VPS推荐：2025年高性能服务器配置指南  c++怎么实现高并发下的无锁队列_c++ std::atomic原子变量与CAS操作【详解】  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  如何快速选择适合个人网站的云服务器配置？  如何快速建站并高效导出源代码？  香港网站服务器数量如何影响SEO优化效果？  ,sp开头的版面叫什么？  如何通过宝塔面板实现本地网站访问？  c# 在高并发下使用反射发射（Reflection.Emit）的性能  如何在建站之星网店版论坛获取技术支持？  如何通过WDCP绑定主域名及创建子域名站点？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  如何确保西部建站助手FTP传输的安全性？  建站主机选购指南与交易推荐：核心配置解析  深圳网站制作公司好吗,在深圳找工作哪个网站最好啊？  建站之星安装提示数据库无法连接如何解决？  网站app免费制作软件,能免费看各大网站视频的手机app？  免费视频制作网站,更新又快又好的免费电影网站？  北京的网站制作公司有哪些,哪个视频网站最好？  建站之星如何开启自定义404页面避免用户流失？  山东网站制作公司有哪些,山东大源集团官网？  建站之星导航配置指南：自助建站与SEO优化全解析  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  建站之星如何修改网站生成路径？  建站主机选哪种环境更利于SEO优化？  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  浅析上传头像示例及其注意事项  如何高效利用200m空间完成建站？  如何用西部建站助手快速创建专业网站？  如何快速上传自定义模板至建站之星？  制作网站的公司有哪些,做一个公司网站要多少钱？  如何处理“XML格式不正确”错误 常见XML well-formed问题解决方法  如何用好域名打造高点击率的自主建站？  网站制作服务平台,有什么网站可以发布本地服务信息？  如何在IIS中新建站点并配置端口与IP地址？  网站制作费用多少钱,一个网站的运营，需要哪些费用？  css网站制作参考文献有哪些,易聊怎么注册？  学校建站服务器如何选型才能满足性能需求？  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  建站之星如何助力企业快速打造五合一网站？  h5网站制作工具有哪些,h5页面制作工具有哪些？  如何在云主机上快速搭建多站点网站？  网站规划与制作是什么,电子商务网站系统规划的内容及步骤是什么？  七夕网站制作视频,七夕大促活动怎么报名？