vue 如何实现业务组件的按需加载？

Question

问题描述目前要实现一个模块，模块内部根据场景的不同渲染不同的业务组件，所以这个模块组件的作用是一个类似分发的功能。所以我需要首先用import将所有场景下可能出现的组件都引入进来，然后定位在components对象中，是不是意味着不管我用没用到这些组件，已经把这些组件全部引入进来了？比如下面的情况，Hello和World只会用到一种，但不管有没有用到，两个都被引入进来了相关代码//这是一个.vue文件，就是上面提到的模块（也是组件），内部根据不同场景渲染不同的组件importHellofrom'./hello';importWorldfrom'./world';exportdefault{...components:{Hello,World},...}...期待的结果所以想实现：只有我真正用到的情况下，才会引入那个业务组件，暂时没有什么头绪，有大神指条路吗？

Answer 1

不知道懒加载是不是你想要的。
components:{
MyComponent:resolve=>require(['@/components/path/mycomponent.vue'],resolve)
},