Vue ()=> import('some/component.vue') 语法

Question

我的问题是关于这个语法：

{
component: ()=> import('./SomeComp.vue')
}

我知道箭头函数是什么，但它是如何工作的？这是合法的ES语法还是Vue使用babel标准化的语法？

Answer 1

import('./SomeComp.vue')是一个动态导入。它在ES2015模块规范的基础上进行了扩展，目前处于第3阶段。按照指定，import()返回一个promise，该promise在加载指定模块时解析。

目前，您将需要像Webpack或Rollup这样的打包程序。他们模仿这种行为。

在Vue.js的上下文中，组件可以是异步的，这意味着组件将是一个返回promise的函数。当promise被解析时，default导出值将用作Component定义。