如何使用 @vue/coptions-api在TS文件中创建新组件？

Question

我有一些需要在TS文件中创建的组件。通常，我通过调用新组件来创建，因为在我们的项目上，我们有vue-component-decorator，但是现在我开始使用@vue/composition-api，我可以' t将任何组件称为新的。

工作：

// SomeComponent.vue
import { Vue, Component } from 'vue-component-decorator';

@Component
export default SomeComponent extends Vue {}

// Any .ts file
const component = new SomeComponent();

不工作：

// SomeComponent.vue
import { defineComponent } from '@vue/composition-api';

export default defineComponent({});

// Any .ts file
const component = new SomeComponent();

Answer 1

您需要使用createApp来编程创建组件并安装IT：

const myComponent = defineComponent({/* */})
createApp(myComponent, { /* Pass props here */ }).mount('#container');

来源：

• github vuejs 问题＃629
• stackoverflow问题 ＃64251487