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)  }}