能否将defineAsyncComponent与动态<component>用于非Vue原生Web组件？

如果你有一个用Lit开发的原生Web组件，想要在Vue项目里通过defineAsyncComponent异步引入并使用，可以按照以下方式实现：

1. 定义异步组件 #

在Vue组件的脚本部分，用defineAsyncComponent包装组件的异步导入逻辑：

const MyAsyncComponent = defineAsyncComponent(
  async () => (await import('my-native-web-component')).MyNativeWebComponent,
);

2. 在模板中使用组件 #

借助Vue的动态组件语法:is来渲染这个异步引入的Web组件：

<template>
  <component :is="MyAsyncComponent" />
</template>

内容的提问来源于stack exchange，提问作者sunwarr10r