如何延迟加载vue2组件
How to lazy load vue2 component
可以吗?
尝试过
components: {
Fibonacci: () => import('./Fibonacci.vue')
}
但是 Eslint 警告 import
(解析错误:意外的令牌导入)。
需要改变什么?
更新:
new Vue({
components: {
Fibonacci: () => import('./Fibonacci.vue')
}
)}
可以参考这个插件:https://github.com/xunleif2e/vue-lazy-component
如果你说的是页面组件,我觉得如果你想延迟加载一个组件,你应该使用vue-router。
顺便说一句,我没有看到组件选项接受功能。
components?: { [key: string]: Component<any, any, any, any> | AsyncComponent<any, any, any, any> };
可以吗?
尝试过
components: {
Fibonacci: () => import('./Fibonacci.vue')
}
但是 Eslint 警告 import
(解析错误:意外的令牌导入)。
需要改变什么?
更新:
new Vue({
components: {
Fibonacci: () => import('./Fibonacci.vue')
}
)}
可以参考这个插件:https://github.com/xunleif2e/vue-lazy-component
如果你说的是页面组件,我觉得如果你想延迟加载一个组件,你应该使用vue-router。
顺便说一句,我没有看到组件选项接受功能。
components?: { [key: string]: Component<any, any, any, any> | AsyncComponent<any, any, any, any> };