博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
(组件、路由)懒加载
阅读量:5238 次
发布时间:2019-06-14

本文共 1301 字,大约阅读时间需要 4 分钟。

  • 懒加载也叫延迟加载,即在需要的时候进行加载,随用随载

    在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,

    造成进入首页时,需要加载的内容过多,延时过长,不利于用户体验,
    运用懒加载可以将页面进行划分,按需加载页面,可以分担首页所承担的加载压力,减少加载用时。

  • 一种代码分块的语法,使用 AMD 风格的 require

const Foo = resolve => require(['./Foo.vue'], resolve);const router = new VueRouter({  routes: [    { path: '/foo', component: Foo }  ]})
//router/index.jsimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router)const router = new Router({  routes: [    {      mode: 'history',      path: '/home',      name: 'home',      component:  resolve => require([URL], resolve),//懒加载      children: [        {          mode: 'history',          path: '/home/:name',          name: 'any',          component: resolve => require(['@/components/any'], resolve),//懒加载        },      ]    },    {      mode: 'history',      path: '/my',      name: 'my',      component: resolve => require(['@/components/my'], resolve),//懒加载,      children: [        {            mode: 'history',            path: '/my/:name',            name: 'any',            component: resolve => require(['@/components/any'], resolve),//懒加载        },      ]    },    {      path: '/login',      name: 'Login',      component: resolve=>require(['@/components/login'],resolve)    },  ]});

有一个问题:项目build以后,这个懒加载还有用吗?

转载于:https://www.cnblogs.com/papi/p/6962739.html

你可能感兴趣的文章
iOS开发网络篇之Web Service和XML数据解析
查看>>
个人寒假作业项目《印象笔记》第一天
查看>>
java 常用命令
查看>>
ZOJ 1666 G-Square Coins
查看>>
CodeForces Round #545 Div.2
查看>>
卷积中的参数
查看>>
Linux中Zabbix4.0的搭建
查看>>
《LoadRunner没有告诉你的》之六——获取有效的性能需求
查看>>
51nod1076 (边双连通)
查看>>
Item 9: Avoid Conversion Operators in Your APIs(Effective C#)
查看>>
js去除空格
查看>>
学习Spring Boot:(二十八)Spring Security 权限认证
查看>>
IT学习神器——慕课网App获App Store、Android应用市场重磅推荐
查看>>
Linux网络状态工具ss命令使用详解
查看>>
致妈妈
查看>>
面向对象封装与继承
查看>>
bzoj 1217: [HNOI2003]消防局的设立
查看>>
数据存储 mysql
查看>>
Django 表单
查看>>
配置phpmemcache扩展,Loaded Configuration File (none)
查看>>