如何在 Vue 3 中扩展组件?

pmp*_*mpc 1 migration vue.js vuejs3 element-plus

如果我尝试element-plus直接使用该组件,导入工作得很好。

我想做的是从element-plus库中扩展一个组件(它使用composition apiVue 3 中的组件)并向我的组件和方法添加一些附加属性。

在 Vue 2 中,它看起来像这样:

export default {
  extends: SomeComponent
}
Run Code Online (Sandbox Code Playgroud)

在 Vue 3 中,这似乎不再起作用了。

我读过有关DefineComponent 的内容,但到目前为止,还没有成功实现它。

有人能给我一些灯光吗?谢谢。

pmp*_*mpc 5

为了扩展使用 Composition API 的组件,而另一个组件仍然使用 Options API,我们还需要进行设置,例如:

export default { extends: SomeComponent, setup: SomeComponent.setup }