使用 vue-cli 创建新项目后没有属性“组件”错误

Question

Vue3 文档的这一部分说应该可以在 createApp 返回的createApp上调用 function component 。

我使用vue-cli和vue create myApp创建了一个项目。
我选择了 Vue3 并将 typescript 添加到项目中。

生成的项目包含一个名为main.ts的文件，其中使用了createApp 。
我尝试使用文档中指示的component方法并收到以下错误。

ERROR in src/main.ts:6:5
TS2339: Property 'component' does not exist on type 'ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>'.

// main.ts
import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App).mount('#app')

app.component("er", {})

是否需要进行更多设置才能使用 Vue 的所有功能？

Answer 1

createApp(App)和createApp(App).mount('#app')是不同的 object。 前者是Vue实例，后者是组件实例。

它应该是：

const app = createApp(App)
app.component("er", {})

const vm = app.mount('#app')