Vue.js асинхронные компоненты с именем import

Question

Я знаю, как загрузить асинхронный компонент в Vue. Это

import MyComponent from '@/components/MyComponent'

export default {
  components: {
    MyComponent
  }
}

заменяется как

export default {
  components: {
    MyComponent: () => import('@/components/MyComponent')
  }
}

Но как я могу заменить импорт "именованных" компонентов следующим образом?

import { SweetModal } from 'sweet-modal-vue'

export default {
  components: {
    SweetModal
  }
}

Как мне импортировать это асинхронно?

Answer 1

Вы можете использовать тот же способ, но получите свой конкретный компонент:

export default {
  components: {
    SweetModal: () => import('sweet-modal-vue').then(m => m.SweetModal)
  }
}

Я рекомендую вам прочитать это: Async Vue.js Component