vue3 动态注入组件

Vue 3 中动态注入组件可以使用`defineAsyncComponent`函数。该函数接受一个函数作为参数，该函数返回一个 Promise，Promise 在解析后会返回一个组件选项对象。使用该函数可以实现按需加载组件，提高应用性能。例如，假设有一个异步加载的组件`AsyncComponent`，可以这样动态注入该组件：

import { defineAsyncComponent } from 'vue'

const AsyncComponent = defineAsyncComponent(() =>
  import('./AsyncComponent.vue')
)

export default {
  components: {
    AsyncComponent
  }
}

当`AsyncComponent`被渲染时，它会自动按需加载组件的代码。