vue单页面打包后,首页初次加载特别慢

当我们用vue做完项目打包后,发现项目本身文件不大,但是首页打开却异常的慢

即使用懒加载或写一个loading都不利于用户体验

我们需要页面按需加载
也就是异步加载

// 同步组件a
import a from './components/a.vue'

// 异步组件b
// 异步写法如下
const b = resolve => require(['./components/b.vue'], resolve)

改后,发现确实快了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文首发于TalkingCoder,一个有逼格的程序员社区。转载请注明出处和作者。 写在前面 本文为系列文章,总共...
    Aresn阅读 9,554评论 0 42
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 2,240评论 0 6
  • https://m.baidu.com/s?from=1012852r&word=%E6%9D%8E%E5%BC%...
    水映唐庄阅读 838评论 0 0
  • 2017年10月23号 蕙兰的咖啡冥想 感恩: 感恩祖先传承护佑,感恩古圣先贤的智慧传承,感恩伙伴们彼此分享智慧,...
    蕙兰坊阅读 371评论 0 1
  • 摘:温尼科特认为,每个人都有一个自体,就像植物一样,但是在一开始,儿童的自体只是潜在的。通过母亲对儿童自发姿势的认...
    茶痴阅读 545评论 0 1