局部组件按需加载的问题

来源:10-5 Vue项目的联调测试上线 - 异步组件实现按需加载

慕莱坞0998854

2019-07-29

老师在讲解使用异步组件按需加载的时候,顺带提了一下,局部组件按需加载的写法,代码如下:

components:{
	HomeHeader:() => import('./components/Header.vue')
}

我的问题是,在路由中设置异步组件可以根据页面不同来按需加载,可是这样的局部组件怎么实现这样类似的功能?它也不能检测到这个页面是否需要加载某一部分啊,这样还会多发一次ajax请求,是在想不到什么时候会在局部组件里面定义异步组件?难道是假如需要一个弹框的组件,然后只有当用户点击某一部分触发这个弹框,这样类似的场景下,写成上面的形式?

写回答

1回答

Dell

2019-07-30

是的,就是这样,但实际上这种体验并不好。举个例子,你可以在页面全部mounted之后,去请求弹框的代码,这样会好一些

0
2
Dell
回复
qq_落水三千_0
是的,所以除非必须搞ssr再搞,否则一帮对性能没有变态要求,也不需要seo的项目,完全可以使用异步加载就可以了。
2019-08-04
共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程