Vue 3迁移如何扩展组件？

Question

我有一个组件

const DialogMain = Vue.extend(DialogComponent);

export const alertDialog = (text: string) => {
  const dialog = new DialogMain({
    propsData: {
      type: 'alert'    
    },
  });

  return new Promise(resolve => {
    // resolve reject handle here
    }
  });

因此，当我将应用程序迁移到 Vue3 时，我收到

'extend' does not exist on type 'typeof import('....')

错误。我知道，由于全局 Vue 不再是可新建的构造函数，因此

Vue.extend

在构造函数扩展方面不再有意义。但我不知道如何用defineComponent编写它。是不是应该这样

const dialogMain = defineComponent({extends: DialogComponent})

会和

Vue.extend

一样吗？

Answer 1

您是否尝试过按原样使用组件选项？

const DialogMain = defineComponent(DialogComponent)