Vue.js Vue3:是否可以使用app.component（…）注册单个文件组件？

深入vue 3，尝试将vue添加到现有asp.net核心项目中。由于前端主要是razor页面，因此应用程序没有安装具有组件层次结构的模板组件

const vueApp = createApp({});

我想做的是：

vueApp.component('MyComponent', require('./components/MyComponent').default);

vueApp.mount('#app');

我也曾尝试过这种方式，如中所述：

我已经试过了这个的每一个版本。需要MyComponent.vue，无论是否使用默认值，导入MyComponent并以这种方式使用（而不是require），它们都不起作用。我只是继续获取[Vue warn]：未能解析组件“mycomponent”（是的，我检查了从服务器返回的html，它的大小写正确…不确定为什么错误为小写）

MyComponent.vue如下所示：

<template>
    <lots of vanilla html>
</template>

<script>
  export default {
    name: 'MyComponent',
    data() {
      return { some: "data" }
    },
    methods: { ... },
    mounted() { ...}
}
</script>
//no component styling

<MyComponent />

<my-component />

导出默认值{
名称：“MyComponent”，
数据（）{
返回{some:“data”}
},
方法：{…}，
挂载（）{…}
}
//没有组件样式

我是不是遗漏了什么？或者这已经不可能了？如果有必要，我将使用默认的vue cli网页包配置

---

谢谢

所以，在重新阅读了这些文档（感觉是第十次）之后，我想我已经解决了这个问题。这实际上根本不是Vue的问题，而是我对Vue组件的使用

在我的asp.net核心cshtml中，我引用了PascalCase中的组件，如下所示：

<template>
    <lots of vanilla html>
</template>

<script>
  export default {
    name: 'MyComponent',
    data() {
      return { some: "data" }
    },
    methods: { ... },
    mounted() { ...}
}
</script>
//no component styling

<MyComponent />

<my-component />

---

我想你知道的越多。

你试过从“/components/MyComponent”导入MyComponent吗？是的，没有变化。导入MyComponent时，

MyComponent

是什么样子？它是一个真正的Vue组件吗？是的，它是一个真正的Vue组件。段，导出默认值的段，所有这些。我想我已经弄明白了…看起来不太对劲，但我有组件渲染。只花了4个小时的时间来查看它……如果要在运行时渲染组件，则需要对组件名称使用kebab case。您还需要使用结束标记（自动结束标记是

）