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

我建议你阅读这个： 异步 Vue.js组件