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

1bqhqjot  于 2022-11-17  发布在  Vue.js
关注(0)|答案(1)|浏览(124)

我需要在TS文件中创建一些组件。通常,我通过调用new Component来创建,因为在我们的项目中,我们有vue-component-decorator,但现在我开始使用@vue/composition-api,我不能调用任何组件作为new。
正在工作:

// 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();
ruyhziif

ruyhziif1#

您需要使用createApp创建组件并以编程方式挂载它:

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

来源:

相关问题