Vue () => синтаксис import ('some / component.vue')

Question

Мой вопрос об этом синтаксисе:

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

Я понимаю, что такое функция стрелки, но как она работает?Это законный синтаксис ES или что-то, что делает Vue, стандартизировано с babel?

Answer 1

import('./SomeComp.vue') - это динамический импорт. Он распространяется в соответствии со спецификацией модуля ES2015 и в настоящее время находится на этапе 3 . Как указано, import() возвращает обещание, которое разрешается при загрузке указанного модуля.

В настоящее время вам понадобится такой пакет, как Webpack или Rollup. Они подражают этому поведению.

В контексте Vue.js компонент может быть асинхронным, что означает, что компонент будет функцией, возвращающей обещание. Когда обещание выполнено, значение экспорта default будет использоваться как определение Component.