如何延迟加载 vue2 组件答案

【问题标题】：How to lazy load vue2 component如何延迟加载 vue2 组件
【发布时间】：2021-12-10 20:26:01
【问题描述】：

有可能吗？

试过

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

但是 Eslint 关于 import 的警告（解析错误：意外的令牌导入）。需要改变什么？

更新：

new Vue({
 components: { 
  Fibonacci: () => import('./Fibonacci.vue')
 }
)}

【问题讨论】：

【解决方案1】：

可以参考这个插件：https://github.com/xunleif2e/vue-lazy-component

如果你的意思是页面组件，我认为你应该使用 vue-router 来延迟加载组件。

顺便说一句，我没有看到组件选项接受功能。

components?: { [key: string]: Component<any, any, any, any> | AsyncComponent<any, any, any, any> };

【讨论】：