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)

  }

}